Cara Menampilkan CKEditor di PHP

Tampilan CKEDITOR.
Sumber : root93

ROOT93 - CKEditor merupakan salah satu text editor yang sangat populer dan banyak digunakan khususnya pada aplikasi berbasis web, selain karena fitur text editor ini bagus dan lengkap juga karena CKEditor ini mudah digunakan, bukan hanya mudah dari sisi penggunaanya saja tapi proses instalasi ataupun pemasangannya pada halamaan Web juga terbilang mudah

Proses instalasi atau menampilkan CKEditor seperti contohnya pada halaman Web PHP ini sangatlah mudah. Anda hanya cukup mendownload CKEditor pada halaman resminya, selanjutnya Anda hanya tinggal memanggil file javascript yang terdapat dalam folder CKEditor lalu pada text area Anda cukup memanggil class ckeditor dan secara otomatis nanti Anda akan melihat tampilan text area (CKEditor) yang didalamnya terdapat beberapa properti yang bisa digunakan untuk mengedit tulisan.

Berikut ini adalah Cara Menampilkan CKEditor di PHP

Saya tidak akan menjelaskan secara detail tentang proses penambahan/instalasi CKEditor kedalam halaman web PHP. Jadi Saya asumsikan bahwa Anda sudah mengerti tentang HTML itu sendiri, bagaimana membuat formulir ataupun form input dsb.

1. Download terlebih dahulu CKEditor dari situs resmi CKEditor atau di di https://ckeditor.com/ckeditor-4/download/, lalu silahkan pilih apakah akan menggunakan standar package, full package  dll. pilih salah satu saja, misal pilih atau coba standar package
2. Setelah disimpan taruh direktori CKEditor pada halaman kerja Anda
3. Buat sebuah formulir HTML biasa dengan didalamnya dilengakapi text area. Contohnya seperti berikut
   

   
   <textarea name="isi_berita" id="isi_berita"></textarea>
   

4. Kemudian tambahkan clas CKEditor didalam textare yang ada sehingga menjadi seperti berikut
   

   <textarea class="ckeditor" name="isi_berita" id="isi_berita"></textarea>

5. Panggil file JS yang terdapat didalam folder CKEditor. Contoh
   
   

   <script type="text/javascript" src="ckeditor/ckeditor.js"></script> 

6. Bila berhasil nanti kurang lebih tampilannya seperti yang terlihat pada gambar diatas

Pada artikel selanjutnya root93  akan membahas tentang cara memfilter inputan berformat HTML dari CKEditor yang akan disimpan ke Database MySQL, serta cara menampilkan format HTML yang sudah terfilter didalam Database tersebut dikembalikan bersama format HTML nya secara utuh saat di tampilkan pada halaman web

Baca juga : 

•   Filter Input CKEditor dan Menampilkan Format HTML Terfilter Dari Database MySQL
• Cara Upload Gambar di CKEditor Dengan PHP

Tonton juga videonya :  

Menampilkan CKEditor di Halaman PHP, Filter Input dan Menampilkan HTML Format CKEditor Dari Database

(Ahmad Zaelani)

PLEASE SHARE

Share it Share it Tweet Share it Pin it

Ahmad Zaelani

Seorang laki - laki biasa yang senang duduk sendirian di pinggir pantai, pengagum embun pagi dan lembayung senja, suka blogging, coding dan jogging. Moto hidupnya adalah hidup santai dan simple