Cara Menambah Text Editor tinymce Pada Textarea

Diposting oleh Rdk Jam 03.21.00

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:

DEMO | DOWNLOAD

Ini hanyalah contoh kecil,silahkan sobat kunjungi website tinymce untuk konfigurasi lebih lanjut

Selamat mencoba semoga bermanfaat......

Related : Cara Menambah Text Editor tinymce Pada Textarea

Cara membuat 2 combobox berhubungan combobox bertingkat Mungkin sebagian sobat sering bergelut dibidang website,khusunya HTML pasti sudah tau yang namanya combobox, na kali ini saya ingin reshare combobox yang dinamis, dala ...
INJECT KARTU THREE NOVEMBER 2013Salam sobat blogger, kali ini ilkomunived ingin berbagi cara inject kartu three alias bisa internetan walaupun habis kuota, trik ini sudah dites di laptop teman 100% wor ...
Cara Install XAMPP Pada Windows Cara Install XAMPP Pada Windows caranya adalah sbb: Download terlebih dahulu Program XAMPP di SINI Jalankan intallasi program Perhatikan gambar Be ...
CARA PASANG LOGO BLOGGER INDONESIA CARA PASANG LOGO BLOGGER INDONESIA - Bagi sahabat Blogger Indonesia yang ingin Memasang Logo Blogger Indonesia seperti yang ada di pojok kanan atas blog ini. Ikuti la ...
JQuery Crop Image,upload,and Save Ada dua cara menyimpan gambar kedatabase mysql, bisa menyimpan langsung file gambar dengan field database typeblob, namun kelemahan cara ini membuat database menjadi le ...