Menambahkan Tinymce Editor

Sederhananya, WYSIWYG (What You See Is What You Get) dalam aplikasi web adalah suatu editor yang memudahkan pengguna dalam menuliskan teks, seperti melakukan pemformatan huruf, ukuran huruf, menebalkan huruf, mengatur perataan paragraf, bahkan memasukkan gambar dan media lainnya semudah ketika mengetik di aplikasi Office, seperti Open Office dan Ms. Word.

Memasang TinyMCE ke CMS Lokomedia cukup mudah, karena editor sebelumnya (TinyMCPUK) juga core-nya mengambil source dari TinyMCE, jadi strukturnya tidak banyak berubah hanya sedikit penyesuaian saja, inilah salah satu alasan dipilihnya TinyMCE. Oke, langsung saja ikuti langkah-langkahnya sebagai berikut:

    • Download TinyMCE versi terbaru di website resminya di http://tinymce.com atau lebih praktisnya download aja TinyMCE yang telah saya modifikasi dan tambah beberapa plugin penting di http://japikinfo.com/semua-download.html
    • Ekstrak file jscripts.rar, nanti hanya ada satu folder yaitu jscripts. Copy-kan folder jscripts ke folder lokomedia/tinymcpuk yang ada di CMS Lokomedia, sebaiknya/sebelumnya hapus semua file yang ada di folder tinymcpuk kecuali folder gambar, sehingga nantinya folder tinymcpuk hanya berisi dua folder, yaitu jscripts dan gambar. Untuk lebih jelasnya, lihat gambar berikut:
  • Selanjutnya, buka file media.php atau index.php yang ada di folder. pastekan kode berikut.

        
      <!-- TinyMCE (WYSIYWG Editor) -->
  <script type="text/javascript" src="tinymce/jscripts/tiny_mce/tiny_mce.js"></script>
  <script type="text/javascript" src="tinymce/jscripts/tiny_mce/tiny_lokomedia.js"></script>
</head>
 
 id pada textarea input berita diganti menjadi id="lokomedia"
 

 

selamat mencoba.

Berita Terkait