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)

     

    Free $100
    Deal

    Daftar menggunakan link di pojok kanan atas, minimal top up $25 usd. Maka dalam waktu 30 hari setelah registrasi anda akan mendapatkan credit $100 gratis dari vultr untuk mencoba layanan mereka.

    More Less
    Doesn't expire

    Recent Articles

    cara setting pppoe client

    Cara Setting PPPoE Client di TP Link WR840n dengan Mudah

    0
    Cara Setting PPPoE Client - Pada artikel sebelumnya saya sudah memberikan tutorial bagaimana Cara Setting PPPoE Server di Mikrotik. Pada tutorial berikutnya, kita akan mengaplikasikan pppoe kepada...

    Apa itu Staking Crypto dan Bagaimana Cara Melakukan Staking

    0
    Apa itu Staking Crypto - Akhir-akhir ini staking crypto banyak sekali menjadi pembicaraan buah bibir di kalangan investor crypto. Mungkin masih banyak dari para investor...

    Cara Setting PPPoE Server di Mikrotik

    0
    Cara Setting PPPoE Server - Pada tutorial sebelumnya kita telah belajar tentang bagaimana Cara Setting Hotspot Voucher di Mikrotik. Kali ini, saya akan melanjutkan sesi tutorial...
    Cara Setting Hotspot

    Cara Setting Hotspot Voucher di Mikrotik

    0
    Cara Setting Hotspot Voucher - Pada tutorial sebelumnya, kita sudah membahas apa itu mikrotik dan bagaimana cara melakukan konfigurasi dasar agar mikrotik kita bisa terhubung dengan internet. Router...
    konfigurasi dasar mikrotik

    Konfigurasi Dasar Mikrotik

    0
    Konfigurasi Dasar Mikrotik - Pada artikel sebelumnya, kita telah mengetahui Apa itu Mikrotik dan Fungsinya. Untuk kesempatan kali ini, kita akan mencoba melakukan konfigurasi dasar pada...

    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!