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 INSTALL BBM FOR PC OFFLINE BBM FOR PC- BBM untuk laptop ! Blackberry Messenger atau BBM adalah aplikasi pengirim pesan instan yang saat ini lagi nge-Trend di versi Android dan iOS. Sepert ...
  • 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 Membuat Laman Baru Di BlogCara membuat laman diblog: Langkah pertama pastikan sobat sudah login ke blogger,lalu pilih seperti gambar:  Langkah kedua Langkah ketiga: ...
  • 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 ...
  • CARA MENAMBAH SYNTAX HIGHLIGHTER DI BLOGGER Cara menuliskan kode php, html. java script, vb, SQL, di blog yaitu menggunakan SyntaxHighlighter, SyntaxHighlighter adalah suatu alat agar kode kita bisa di tulis dal ...

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