Cara Integrasi TinyMce pada Form Input Textarea
Pada tutorial kali ini saya akan memberikan penjelasan tentang bagaimana cara mengintegrasikan atau memasang TinyMCE pada form input di aplikasi yang dibuat. TinyMCE merupakan salah 1 plugin untuk mempercantik dan mempermudah user dalam mengisikan konten pada website yang dibuat. TinyMCE juga disebut sebagai WYSIWYG (What You See Is What You Get) Text Editor. Dalam hal tampilan, TinyMCE tidak jauh berbeda dari Microsoft Word, Libre Office, WPS Office dan lain sebagainya.
Bagaimana Cara Mengintegrasikannya?
Silahkan ikuti langkah-langkah integrasinya seperti berikut ini:
- Download Plugin TinyMCE terlebih dahulu di https://www.tinymce.com/download/
- Setelah selesai download, silahkan pindahkan dan ekstrak file ke folder project/ aplikasi yang sedang Anda buat.
- Kemudian copas (copy-paste) script berikut ke dalam file project Anda, misalkan pada file index.php
- Penjelasan:
Baris ke-4 untuk memanggil skrip TinyMCE itu sendiri.
Baris ke-5 yaitu bagian selector textarea adalah tinymce akan otomatis membaca atau merubah form textarea biasa menjadi text editor TinyMCE.
Baris ke-8 membuat form textarea yang otomatis telah terintegrasi dengan TinyMCE.
Video
Semoga bermanfaat, silahkan berikan komentar apabila ada yang ingin ditanyakan. Happy Coding!
