Cara Menambah Text Editor tinymce Pada Textarea - Ilmu Komputer

Tentang komputer, tips, trik, artikel, tutorial!

Minggu, 01 Desember 2013

Cara Menambah Text Editor tinymce Pada Textarea


Share lagi Cara Menambah Text Editor tinymce Pada Textarea-Mungkin sobat yang suka blogging tidak pernah memakai cara ini karena waktu mau postkan artikel kita sudah disediakan oleh pihak blogger editornya sehingga berbentuk seperti microsoft word, Kali ini saya ingin berbagi cara membuat text area seperti microsoft word pada textarea, jika sobat membuat wesite menggunakan php murni pastila tidak ada fasilitas ini. jadi silahkan coba,,,
Potongan code:
<html lang="en">
  <head>
  <script src="editor/tinymce.min.js"></script>
 <script>
    tinymce.init({selector:"textarea.editme",
    theme: "modern",
    plugins: 
     "advlist, autoresize, autosave, bbcode, code,  autolink, lists, link, image, charmap, print, preview, hr, anchor, pagebreak, searchreplace, wordcount, visualblocks, visualchars, code, fullscreen, insertdatetime, media, nonbreaking, save, table, contextmenu, directionality, emoticons, template, paste, pagebreak,  textcolor",
    toolbars: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image | print | preview | media | forecolor backcolor emoticons",
    image_advtab: true,
    templates: [
     {title: 'Test template 1', content: 'Test 1'},
     {title: 'Test template 2', content: 'Test 2'}
    ]
   });
 </script>
  </head>

  <body>
 <table width="100%" border="0" cellspacing="0" cellpadding="4">
    <tr>
   <td></td>
   <td valign="top">: 
   <textarea class="editme">INI MENGGUNAKAN EDITOR TINYMCE</textarea></td>
 </tr>
 <tr>
      <td>&nbsp;</td>
      <textarea>INI TIDAK PAKAI EDITOR</textarea></td>
    </tr>
  </table>
  </body>
</html>

Screnshot:

Ini hanyalah contoh kecil,silahkan sobat kunjungi website tinymce untuk konfigurasi lebih lanjut
Selamat mencoba semoga bermanfaat......

Share on Facebook
Share on Twitter
Share on Google+
Tags :

Related : Cara Menambah Text Editor tinymce Pada Textarea

  • How To Encode Base64 Image Source With PHP How To Encode Base64 Image Source With PHP-Judulnya tanpa translate :) ada banyak tool online untuk encode mengubah link asli gambar dengan base64, apa salahnya jika ...
  • Cara import/upload user moodle versi 2.xxxSalam blogger, pada postingan kali ini saya ingin berbagi cara upload user moodle, karena di tutorial yang ada membahas versi dibawahnya, tapi sebenarnya tidak masalah m ...
  • CARA MEMBUAT NOTIFIKASI KOMENTAR Berikut ilkomunived akan re-share cara membuat notifikasi seperti yang ada di facebook dan google +, berikut scrensuutnye: Langkah-langkahnya seperti berikut : ...
  • CRUD Mysql Dengan PHP dan Bootstrap Lama gag update, sibuk dengan TA, kali ini saya ingin berbagi Crud menggunakan PHP dengan tampilan bootstrap, sebenarnya ini tugas jadi sederhana saja yang penting ada n ...
  • Cara Mengamankan Password Facebook Cara Mengamankan Password Facebook-Selamat sore sobat-sobatku yang setia berkunjung, kali ini saya mau share Cara Mengamankan Password Facebook, beberapa hari yan ...

3 komentar:

  1. iya sob... sambil belajar :d

    BalasHapus
  2. lanjutkan kang ilkom...blognya mantap bgt gan


    jangan lupa kunjungi website kami di www.168sdb.com
    dan nikmati promo2 yang menarik dari kami
    add pin bb 2a026596
    Terima kasih

    BalasHapus

Berkomentarlah dengan baik dan sopan..
Terimah kasih sudah berkunjung