banner here
Diberdayakan oleh Blogger.

Cara Menggunakan Text Editor CKEDITOR di HTML dan PHP

- November 28, 2018
advertise here
Cara Install,Setting, dan Menampilkan data dari ckeditor - Pada artikel ini kita akan belajar bersama tentang cara install, setting, dan menggunakan plugin ckeditor di html. ckeditor adalah text editor WYSIWYG(what you see is what you get) yang biasanya digunakan untuk menulis artikel atau berita. kalau text editor biasanya cuma digunakan untuk menulis text saja, text editor WYSIWYG ini, selain text bisa juga dimasukan gambar atau file.

Baik langsung saja pada pokok pembahasan mengenai cara install dan menggunakan library ckeditor ini. kita akan menggunakan ckeditor versi 4 dalam tutorial ini.

1. Cara install CKEDITOR

Untuk menginstall CKEDITOR  cukup mudah, yaitu tinggal memasukan/include library ckeditor kedalam halaman html yang kita buat, contohnya seperti ini
Masukan kode terebut di atas tag </body>

2. Cara Setting atau Mengatur textarea menjadi  CKEDITOR

Pada langkah ini kita akan membuat form dimana form tersebut berisi inputan dari text editor. jika digabungkan dengan langkah pertama akan menjadi seperti ini


dan hasilnya seperti ini jika dijalankan di browser
Cara Setting CKEDITOR

3. Mengirim data dari texteditor dan menampilkannya dengan PHP

Setelah membuat form, kita menuju langkah selanjutnya yakni menampilkan hasil dari apa yang kita tuliskan di text editor ckeditor ke halaman web yang sudah dibuat, kita akan membuatnya ini dengan PHP Native/Pure PHP, jika teman-teman menggunakan CodeIgniter atau Laravel silahkan,
caranya adalah cukup menambahkan kode pada script langkah nomor 2 menjadi seperti ini
dan hasilnya menjadi ini



Advertisement advertise here