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

  • Cara Mengganti Extensi Sebuah File Cara Mengganti extensi sebuah file, sebelumnya sobat harus tau extensi yang saya maksudkan itu apa, Ekstensi file merupakan salah satu dari metadata yang menjelaskan in ...
  • Cara Menghilangkan pesan error Notice: Undefined index: di Localhost-XAMPP Kali ini akan saya share Mengatasi Pesan Error pada Coding PHP. Kita akan bahas dulu penyebab pesan error ini. Pesan ini muncul karena Variabel yang anda proses dalam s ...
  • 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 MEMASUKKAN WINDOWS KEDALAM FLASDISK CARA MEMASUKKAN WINDOWS KEDALAM FLASDISK- Sebenarnya tutorial ini bukanlah hal yang baru didalam dunia blogger, sudah banyak tutorial ini yang di ada di internet, namu ...
  • Cara membuat email google-gmailHmmmmm, bagi yang sering blogging pasti gag asing lagi dengan judul ini, tapi beberapa hari yang lalu ada teman saya yang nanya bagaimana cara membuat email, padahal gug ...

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