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

    template voucher

    Template Voucher Untuk Mixradius

    0
    Template Voucher Untuk Mixradius - Pasti kalian bosen kan dengan template voucher default mixradius? tenang. kali ini saya akan memberikan template untuk voucher mixradius kamu agar...
    port game mikrotik

    Daftar Port Game Online Mikrotik Terbaru

    2
    Daftar port game online dibawah ini bisa digunakan untuk membuat rule agar koneksi ke game online tersebut bisa lancar, bisa juga untuk memisahkan antara...
    cara blokir windows update

    Cara Blokir Windows Update di Mikrotik Terbaru

    0
    Cara Blokir Windows Update di Mikrotik - Meskipun fitur windows update ini baik untuk komputer kita, kadang kala ada waktu dimana windows update ini sangat...

    Cara Remote OLT Dari Luar Jaringan

    0
    Cara Remote OLT Dari Luar Jaringan sebenarnya sama dengan tutorial Cara Remote Mikrotik dari Luar Jaringan. Hanya saja, terdapat tambahan konfigurasi yang ada di mikrotik, khususnya...

    Mengatasi Tethering Ulang Voucher Hotspot Mikrotik

    0
    Mengatasi Tethering Ulang Voucher Hotspot Mikrotik - Berikut ini adalah cara mengatasi tethering ulang voucher hotspot mikrotik. Tujuannya adalah agar voucher yang dibeli oleh...

    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!