Kamis, 15 Desember 2016

Menggunakan TinyMCE di PHP

Menggunakan TinyMCE di PHP - KodePHP.id | TinyMCE adalah editor text pada web dengan sistem WYSIWYG(What You See Is What You Get) atau dalam bahasa indonesianya apa yang anda lihatlah yang anda dapatkan. Maksudnya disini anda dapat menciptakan teks dengan format html tanpa perlu lagi mengetikkan skrip manual. WYSIWYG sangat sering digunakan pada website portal ataupun blog sebagai media untuk mengetik artikel ataupun berita. Sebagai contoh, tempat mengetik artikel pada blogger juga merupakan jenis WYSIWYG begitupun wordpress, joomla dan lain sebagainya.

TinyMCE

TinyMCE WYSIWYG merupakan software text editor web yang gratis dan dapat digunakan secara bebas. TinyMCE dibuat menggunakan javascript. Jadi anda bisa saja menambahkan TinyMCE pada halaman website anda agar proses pengetikan artikel, berita atau lainnya dapat berlangsung cepat. TinyMCE dapat digunakan pada halaman php maupun html. Cara penggunaan TinyMCE pada halaman html ataupun php sama saja.

Langkah-langkah penggunaan TinyMCE di PHP atau HTML adalah sebagai berikut ini :
  1. Download TinyMCE dari website resminya disini.
  2. Buat sebuah folder dengan nama tinymce, copy file yang tadi anda download kedalam folder tinymce yang baru saja anda buat kemudian extract dengan cara klik kanan extract here.
  3. Buat sebuah file dengan nama index.html kemudian copy kode berikut kedalamnya.

     <!DOCTYPE html>  
     <html>  
     <head>  
     <script src="./tinymce/js/tinymce/tinymce.min.js"></script>  
     <script type="text/javascript">  
     tinymce.init({  
       selector: "textarea",  
       plugins: [  
         "advlist autolink lists link image charmap print preview anchor",  
         "searchreplace visualblocks code fullscreen",  
         "insertdatetime media table contextmenu paste"  
       ],  
       toolbar: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image"  
     });  
     </script>  
     </head>  
     <body>  
         <textarea>Cara Menggunakan TinyMCE pada web by Programindo</textarea>  
     </body>  
     </html>  

  4. Simpan file tadi, pastikan struktur file dalam folder tinymce anda adalah seperti gambar dibawah ini.
Struktur File TinyMCE

Coba buka file index.html dengan menggunakan browser anda (chrome atau firefox).

Demikianlah cara menggunakan Tiny MCE di PHP. Semoga artikel ini dapat bermanfaat dan berguna bagi anda. Jika anda punya pertanyaan, silahkan tinggalkan pesan anda dikolom komentar.

Berkomentarlah dengan baik.
Dilarang meninggalkan link hidup dan mengandung kata-kata yang kasar.
EmoticonEmoticon