3 Langkah Mudah Mengintegrasikan Codeigniter dengan TinyMCE

Pernah dengar TinyMCE? Bagi kalangan developer istilah ini pasti gak asing. Singkatnya, TinyMCE merupakan open source teks editor untuk web.

TinyMCE ini mengubah form textarea menjadi teks editor dengan berbagai fitur seperti menebalkan huruf, memiringkan huruf (italic style) dan masih banyak lagi.

Kali ini kita bahas step by step mengintegrasikan TinyMCE ini dengan Codeigniter.

Langkah Pertama: Siapkan Codeigniter dan TinyMCE

Itulah yang harus disiapkan. Codeigniter dan TinyMCEnya. Ente bisa mengunduh Codeigniter di https://www.codeigniter.com. TinyMCEnya ente bisa mengunduhnya di https://www.tinymce.com.

Jika sudah mengunduh keduanya, ekstrak filenya karena filenya dalam bentuk compressed atau ZIP. Ohiya, pada bahasan ini, Codeigniter yang dipakai yaitu versi 3 dan TinyMCE versi 4.

Selesai? Lanjut ke langkah selanjutnya.

Langkah Kedua: Tempatkan Folder TinyMCE ke dalam Codeigniter

Sebelum memindahkan folder tinymce ke dalam Codeigniter, buat folder assets dulu di Codeigniter.

Gunanya folder ini untuk meletakkan open source yang diintegrasikan dengan Codeigniter seperti Bootstrap dan TinyMCE ini. Nama foldernya gak harus assets, bisa disesuaikan dengan kehendak masing-masing.

Jika sudah dibuat, tempatkan folder tinymce kedalam folder assets. Jadinya seperti ini.

Folder tinymce didalam folder assets

Isi folder tinymce

Sampai sini kita sudah menyatukan TinyMCE dengan Codeigniter. Selanjutnya kita ngoding agar TinyMCEnya bisa diaplikasikan.

Baca juga ya..
- 3 Langkah Mudah Membuat Excel Report di Codeigniter Versi 3
- Report PDF? Integrasikan Codeigniter Ente Dengan TCPDF!
- Download Wallpaper Keren Menyambut Ramadhan

Langkah Ketiga: Buat Codingan untuk View

Ane berasumsi ente sudah mengerti controller dan view pada Codeigniter ya dan mengubah pengaturan base_url pada file /application/config/config.php .

Jadi ane langsung tunjukkan codingan untuk mengaplikasikan TinyMCEnya. Berikut codingannya.

Codingan file layout.php untuk view

Pada baris keenam, kita panggil TinyMCEnya. Pada baris ketujuh sampai kesebelas, kita gunakan fungsi tinymce.init untuk menginisialisasi/mengenerate form textarea menjadi teks editor TinyMCE berdasarkan id form textarea.

Sebagai contoh codingan diatas, Ane memberi id teksarea pada form textarea. Hasilnya seperti berikut.