More

    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.

    <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:

    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)

     

    Recent Articles

    [td_block_21]

    Related Articles

    Leave A Reply

    Please enter your comment!
    Please enter your name here

    This site uses Akismet to reduce spam. Learn how your comment data is processed.

    Dapatkan konten terbaik dari kami!