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.
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
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.
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.
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
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.
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.
Sebagai contoh codingan diatas, Ane memberi id teksarea pada form textarea. Hasilnya seperti berikut.
Codeigniter sudah terintegrasi dengan TinyMCE
Nah sampai sini selesai. Gak banyak kan langkah-langkahnya? Cuma tiga langkah aja. Selamat mencoba tjoy!
Mantap gan...Thanks
BalasHapus