contact
WA: 0822-8846-7823
SMS: 0822-8846-7823
Call: 0822-8846-7823
BBM: D7DB3491
ebsofmail@gmail.com

Cara Customize Editor NiceEdit WYSIWYG

Posted in Javascript Jquery Life at 14 Desember 2017 With 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>
▼ Download Source Code Dibawah Ini ▼


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

Artikel Rekomendasi



Artikel Terkait

Diskusi