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.

instal tinymce codeigniter


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 http://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.

instal tinymce codeigniter
Folder tinymce didalam folder assets

instal tinymce codeigniter
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.

instal tinymce codeigniter
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.

instal tinymce codeigniter
Codeigniter sudah terintegrasi dengan TinyMCE

Nah sampai sini selesai. Gak banyak kan langkah-langkahnya? Cuma tiga langkah aja. Selamat mencoba tjoy!



1 Komentar untuk "3 Langkah Mudah Mengintegrasikan Codeigniter dengan TinyMCE"