Cara Customize Editor NiceEdit WYSIWYG

Publish Date : 14-12-2017 , dibaca 6255 kali, Hari ini dibaca : 1 kali ,0 comments

Beberapa Waktu lalu dalam tahap pembuatan aplikasi Website PHP MYSQL, admin menggunakan Editor WYSIWYG niceEdit pada aplikasi atau website, Adapun Editor Textarea ini bisa langsung di unduh / di download langsung di websitenya http://nicedit.com/ ,

Dalam website oficial nya langsung sudah di jelaskan cara menggunkan / memasang editor nicedit pada halaman website. cukup dengan menggunakan script dibawah ini untuk merubah Textarea menjadi editor wysiwyg.

<script src="http://js.nicedit.com/nicEdit-latest.js" type="text/javascript"></script>
<script type="text/javascript">bkLib.onDomLoaded(nicEditors.allTextAreas);</script>

memasang script diatas.. haruslah terkoneksi dengan internet.. karena kita langsung menggambil javascript dari website nya.. namun jika anda ingin secara ofline.. anda bisa mendownload terlebih dahuslu niceEdit.js

Pada artikel kali ini admin sengaja memposting artikel ini sebagai bahan referensi jika ada yang membutuhkan, Selain itu dapat menjadi archive oleh admin sendiri

customize niceEdit

 

Dalam documentation niceEdit sendiri sudah dijelaskan bagaimana melakukan costumize button nya, namun masih terdapat kendala yakni jika ingin menambahkan / menampilkan tombol yang ada sesuai yang kita inginkan di beberapa textarea.

OK.. Langsung Saja, Untuk membuat Coustumize button di NiceEdit, berikut code konfigurasi yang dapat diterapkan :

<script type="text/javascript">
 new nicEditor({buttonList : ['bold','italic','underline','left','center','right','justify','ol','ul','forecolor']}).panelInstance('area4');
 new nicEditor({buttonList : ['bold','italic','underline','left','center','right','justify','ol','ul','forecolor']}).panelInstance('area3');
 </script>

 Dengan kode diatas kita dapat melakukan configuration style yang ada pada textarea lebih dari satu..

Demikian artikel kali ini, Semoga artikel Cara Customize / Configruation  Editor NiceEdit WYSIWYG , dapat bermanfaat

Produk Rekomendasi

Artikel Terkait

Diskusi



wa