Menggunakan Summernote Editor Pada Text Area HTML

Summernote, yaitu WYSIWYG Editor di Bootstrap yang sangat super simple. sebelumnya, apa itu WYSIWYG? yang saya dapatkan dari Wikipedia adalah singkatan dari What You See Is What You Get . Jadi mungkin yang dimaksud yaitu apa yang kita ketik di editor tersebut akan menampilkan hal yang serupa. Istilah singkatnya editor website. jadi itulah atau apalah. Langsung saja ke pembahasan inti, bagaimana cara menggunakan summernote.

Langkah pertama silahkan unduh plugin summernote di sini. Atau gunakan plugin online pada https://cdnjs.com/.

DEMO APLIKASI

Silahkan panggil css untuk bootstrap dan summernote:

Silahkan panggil js untuk jquery dan summernote:

Setelah itu untuk memanggil summernotenya, berikan id=summernote pada element textarea yang akan disambungkan dengan summernote. 

Aktivasi summernote dengan code berikut:

Source Code Lengkap Sebagai Berikut: