Oleh : Abah Razi
بسم الله الرحمن الرحيم
Pasti kita sering melihat editor yang menyertakan tombol-tombol yang memudahkan kita melakukan format tulisan. Bagaimana itu bisa kita lakukan di HTML ?
Salah satu framework yang bisa kita pakai adalah CKEditor : http://ckeditor.com/
Seperti framework lainnya kita cukup mengunduh paket javascript dari web http://ckeditor.com/download lalu mengarahkan script kita ke tempat kita menyimpan file ckeditor.js
Dalam contoh dibawah file ckeditor.js penulis tempatkan di
1 |
Lalu siapkan sebuah textarea untuk menggunakannya.
Berikut contoh kode embed sederhananya di HTML :
01 02 03 04 05 06 07 08 09 10 11 12 13 14 | <html><head><title>Contoh Editor dengan CKEditor</title></head><body><form><textarea name="tempatnulis" id="tempatnulis">Ini Isi</textarea><script>CKEDITOR.replace('tempatnulis');</script></form></body></html> |
Hasilnya akan tampak seperti gambar berikut :
Anda bisa memadukannya dengan method dan action di form seperti biasanya agar form tersebut berfungsi sempurna.
Selamat mencoba
Leave a Reply