Pada artikel kali ini saya akan memberikan materi tentang integrasi yaitu Cara Mengintegrasikan Ckeditor Pada Textarea HTML, kenapa saya memberikan materi tentang ini karena untuk programmer yang baru saja ingin membuat web app tentang blog atau yang membutuhkan editor layaknya menulis di microsof word maka artikel ini sngat amat membantu, oke langsung saja.
Apa itu ckeditor ? ckeditor adalah sebuah editor (bukan IDE seperti notepad atau sublime text , dll) yang di pasang langsung kedalam HTML sehingga memungkinkan untuk kita menulis seperti di wordpress, bloger atau microsoft word. Hal ini sangat amat berguna bagi yang sedang ingin membuat web cms blog, company profile dll..
Untuk memulai silahkan anda download dahulu di link berikut ini download
Lalu untuk mengintegrasikanya ikuti langkah berikut :
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 |
<!DOCTYPE html> <html> <head> <title>CKEditor</title> <script type="text/javascript" src="https://code.jquery.com/jquery-3.2.1.min.js"></script> <script type="text/javascript" src="ckeditor/ckeditor.js"></script> </head> <body> <form> <textarea id="editor1"></textarea> </form> <script> // Replace the <textarea id="editor1"> with a CKEditor // instance, using default configuration. CKEDITOR.replace( 'editor1' ); </script> </body> </html> |
Maka textarea yang bawan HTML akan terganti dengan ckeditor yang lebih lengkap seperti tampilan berikut :
Oke baiklah sampai di sitau saja untuk artikel kali ini, sampai berjumpa di artikel selanjutnya.