CKEditor adalah sebuah plugin yang fungsinya untuk memudahkan kita dalam mengedit text ketika membuat sebuah artikel/tulisan. Jika anda pernah pengguna wordpress self hosting akan ada sebuah tool untuk mengedit text pada bagian atas. Nah itulah yang disebut dengan text editor (WYSIWYG) What You See Is What You Get. Lalu bagaimana cara integrasikan ckeditor pada sebuah halaman web yang akan kita bangun dengan platform JSP (Java Server Pages) ? Caranya sangat mudah sekali, anda bisa mengikuti panduannya berikut ini:
Requirements:
- CKEditor. Download
Cara Mudah Integrasikan CKeditor di JSP
Setelah anda mengunduh ckeditor, copy paste folder ckeditor pada project aplikasi anda, pada tutorial ini saya meletakkan folder ckeditor pada folder plugin yang sebelumnya telah saya buat.
Buat file jsp baru dengan nama CKEditor.jsp lalu letakkan kode berikut ini di dalam tag head. fungsi dari script ini adalah kita akan memanggil script ckeditor.
<script type="text/javascript" src="plugin/ckeditor/ckeditor.js"></script>
Jika anda meletakkan folder ckeditor pada direktori yang berbeda, jangan lupa untuk mengubah bagian src sesuai direktori ckeditor anda.
Lalu buat sebuah textarea dengan id=”editor” seperti berikut ini:
<p>
<label for="editor">Editor:</label>
<textarea cols="80" id="editor" name="editor" rows="10"></textarea>
</p>Sekarang kita akan mereplace textarea tersebut dengan ckeditor melalui fungsi replace berikut ini:
Letakkan di atas </body>
<script type="text/javascript"> CKEDITOR.replace( 'editor' ); </script>
Sekarang simpan semua perubahan dan jalankan CKeditor.jsp pada browser. Maka hasilnya akan seperti berikut ini:
Live Demo:
Pada prinsipnya untuk menginstegrasikan ckeditor (cleint-side) pada sebuah laman cara yang digunakan sama saja.
Cara diatas bisa juga anda terapkan pada bahasa pemrograman laiinya seperti PHP dan ASP.
Demikian tutorial Cara Mudah Integrasikan CKeditor di JSP (Java Server Pages)
