Halo teman-teman pada kesempatan kali ini saya akan menjelaskan cara membuat WYSIWYG menggunakan CKEditor dengan bantuan plugin kcfinder untuk upload image. Apa itu WYISWYG? WYISWYG adalah singkatan dari What You See Is What You Get.
WYISWYG html editor adalah solusi ampuh untuk membuat CMS, yang digunakan untuk mengatur konten dan teks tanpa harus memerlukan merubah codingan website kita. WYSIWYG HTML editor memungkinkan pengguna dan klien mengatur tata letak konten dengan mudah, memasukan gambar, menentukan ukuran tulisan, membuat hyperlink dll. Hampir mirip dengan fitur-fitur yang ada di Microsoft Word. Ada banyak sekali WYSIWYG HTML editor yang bisa teman-teman gunakan tapi pada kali ini saya akan membuatnya menggunaakan Ckeditor dengan bantuan plugin kcfinder.

Nah langsung saja ya teman-teman. Pertama kita buat form HTMLnya dulu, lalu kita buat textarea Lalu buat teman-teman yang belum memiliki Ckeditor, teman-teman bisa buka google.com dan langsung search Ckeditor download.

 

Lalu disini teman-teman bisa memilih beberapa package yang disudah disiapkan oleh Ckeditor, disini saya akan memilih yang full package. Teman-teman bisa klik download, jika sudah check foldernya Unzip rarnya lalu copy folder tersebut kedalam, folder website kita, agar lebih mudah rename folder
tersebut menjadi ckeditor

Lalu kembali lagi ke form htmlnya, kita sambungkan website kita dengan file ckeditor.js. Setelah itu teman-teman bisa menambahkan class=”ckeditor” kedalam textarea

Lalu save, dan kita lihat hasil jadinya. Nah sudah bisa ya teman-teman, lalu kita akan menambahkan plugin kcfinder untuk upload image. Jadi kcfinder itu adalah plugin untuk mempermudah kita dalam mengupload gambar, dan gambar yang sudah pernah kita upload akan tersimpan dalam file manager kcfinder.