Hallo teman-teman, kali ini kita akan belajar bagaimana cara membuat text input dengan CKEditor. CKEdiotr adalah suatu library yang dapat kalian gunakan untuk membuat form input kalian menjadi lebih menarik. Mungkin sebelumnya kalian membuat form input dengan menggunakan tag textarea biasa. Dari segi tampilan dan fungsi tentunya terasa kurang jika kalian ingin memasukan kata-kata dengan berbagai macam efek seperti tulisan miring, text tebal, garis bawah dll. Dan juga sangat merepotkan apabila kalian harus menyisipkan satu-satu tag efek tersebut pada setiap kata yang ingin diberikan efek tertentu. Maka dari itu kalian bisa gunakan CKEditor ini sebagai solusinya. Agar lebih memahaminya, kalian bisa buka situs resmi CKEditor, lalu kalian download terlebih dahulu packagenya.

1

Pada contoh tutorial kali ini, saya download yang basic package, bedanya dengan package lain adalah hanya menunya lebih banyak. Cara penggunaanya sama saja.

Setelah kalian download, kalian simpan pada folder kalian. Dan juga kalian buat file html dan cssnya seperti ini.

index.html

style.css

Jika sudah kalian save, dan struktur foldernya harus seperti ini.

2

folder ckeditor yang telah kita download harus sejajar dengan file html yang telah kalian buat. Jika sudah maka tampilanya akan seperti ini pada browser kalian.

3

Terlihat lebih menarik dan juga terdapat tombol untuk memberi efek pada teks yang kalian inginkan. Mudah bukan ?

Oke sekian pembahasan mengenai cara membuat text input dengan CKEditor. Semoga bermanfaat.