Pada kesempatan kali ini saya akan menjelaskan cara Instal openWYSIWYG di Textarea. Perlu teman-teman ketahui sebelumnya, openWYSIWYG adalah editor WYSIWYG cross-browser gratis (apa yang Anda lihat adalah apa yang Anda dapatkan). Dengan hanya beberapa baris sederhana kode JavaScript teman-teman dapat dengan mudah mengganti <textarea> dengan editor WYSIWYG tersebut. openWYSIWYG merupakan salah satu Text Editor yang cukup hebat dan powerfull. Hingga saat ini tersedia beberapa plugins Text Editor yang bisa teman-teman gunakan di Textarea website yang teman-teman gunakan, contohnya seperti Tinymce, CKeditor, WYMEditor, dan masih banyak lagi yang lainnya. Namun pada penjelasan disini saya menggunakan openWYSIWYG untuk Textarea website yang saya buat. Dan untuk melakukan instalasi Text Area openWYSIWYG teman-teman dapat mengikuti beberapa langkah yang saya berikan dibawah ini.

Berikut Langkah-Langkahnya :

  • Teman-teman download openWYSIWYG terlebih dahulu pada link berikut “http://www.openwebware.com/download”.
  • Setelah selesai teman-teman download, extract terlebih dahulu file tersebut sejajar di dalam folder project website teman-teman.
  • Jika sudah, teman-teman buka file index.html atau file index.php website teman-teman, dan tambahkan kode seperti berikut :

  • Tambahkan kode seperti kode diatas tepat dibawah tag <body> file index.html atau file index.php website teman-teman
  • Jika sudah save file tersebut, dan teman-teman buka file tempat komponen Textarea yang ada di website teman-teman.
  • Selanjutnya tambahkan kode attribute id=’textarea’ pada komponen Textarea tersebut, sehinga kode Textarea nya menjadi seperti berikut :

  • Jika sudah teman-teman bisa save terlebih dahulu file tersebut, dan lihat hasilnya di browser yang teman-teman gunakan, pada contoh disini browser yang saya gunakan adalah browser Mozilla Firefox.

Jika tidak ada kesalahan atau tidak ada langkah-langkah yang terlewat dari tahapan di atas, maka saya asumsikan teman-teman sudah berhasil melakukan instalasi Text Editor openWYSIWYG tersebut, karena sebelumnya sudah saya uji dan berjalan di komputer saya.

Sampai disini penjelasan saya mengenai cara Instal openWYSIWYG di Textarea, semoga bermanfaat.