Home » Java » Cara Mudah Integrasikan CKeditor di JSP (Java Server Pages)
Cara Mudah Integrasikan CKeditor di JSP

Cara Mudah Integrasikan CKeditor di JSP (Java Server Pages)

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:

  1. 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.

integrasikan ckeditor di jsp

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.

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:

Sekarang kita akan mereplace textarea tersebut dengan ckeditor melalui fungsi replace berikut ini:

Letakkan di atas </body>

Sekarang simpan semua perubahan dan jalankan CKeditor.jsp pada browser. Maka hasilnya akan seperti berikut ini:

integrasi ckeditor di jsp

 

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)

 

Leave a Reply

Your email address will not be published. Required fields are marked *

*

x

Check Also

halaman redirect otomatis

Tutorial Membuat Halaman Redirect Otomatis Dengan JSP

Membuat Halaman Redirect otomatis digunakan ketika ada sebuah halaman pindah ke lokasi yang baru, Tentu saja kita perlu melakukan redirect halaman ...