Bagi kalangan Developer Web istilah TinyMCE sudah tidak asing lagi. TinyMCE merupakan open source teks editor untuk web.Fungsi TinyMCE ini yaitu mengubah form text area menjadi menjadi text editor dengan berbagai fitur. Fiturnya antara lain menebalkan huruf, membuat huruf miring (italic) , menggaris bawahi teks dan format format teks lainnya.
Kali ini cumacoder.com akan memberikan tutorial sederhana untuk mengintegrasikan CodeIgniter dengan TinyMCE.
Ya yang pastinya kita harus lebih dahulu mendownload CodeIgniter di http://www.codeigniter.com dan TinyMCE di https://tinymce.com . Setelah mendownloadnya silahkan ekstrak file yang telah di untudh tadi. Biasanya file yang didownload berupa Copressed File atau ZIP.
Jika selesai mati ke langkah selanjutnya.
Langkah Kedua : Menempatkan Folder TinyMCE ke Dalam Folder CodeIgniter
Sebelum menempatkan Folder TinyMCE ke dalam Folder Codeigniter. Kita buat terlebih dahulu folder assets di dalam folder CodeIgniter . Fungsi folder assets ini adalah untuk meletakan file file open source yang akan di integrasikan dengan codeIgniter seperti Bootstrap, Responsive File Manager , atau TinyMCE.
Jika sudah dibuat folder assets nya. Sekarang letakan folder TinyMCE ke dalam folder asstets tadi. Penampakannya seperti ini.
Sampai langkah ini kita sudah menyatukan TinyMCE dan CodeIgniter. Mari Kita ke langkah ketiga Untuk coding TinyMCE agar bisa digunakan.
Langkah Ketiga : Coding Untuk Viewnya.
Jika anda membaca artikel ini, saya yakin anda sudah mengerti dengan controller dan view pada CodeIgniter. Dan mengubah pengaturan base_url pada file /application/config/config.php. Atau baca artikel berikut untuk menghilangkan index.php pada codeigniter :
Untuk codingan file viewnya bisa lihat di bawah ini :
Pada baris ketiga merupakan coding untuk memanggil TinyMCE. Pada baris keempat sampai kesembilan, kita gunakan fungsi tinymce.init untuk menginisialisasi/mengenerate form textarea menjadi teks editor TinyMCE berdasarkan id form textarea.
Pada codeingan diatas saya memberikan id mytextarea pada form textarea. Hasilnya seperti berikut.
Bagi kalangan Developer Web istilah TinyMCE sudah tidak asing lagi. TinyMCE merupakan open source teks editor untuk web.Fungsi TinyMCE ini yaitu mengubah form text area menjadi menjadi text editor dengan berbagai fitur. Fiturnya antara lain menebalkan huruf, membuat huruf miring (italic) , menggaris bawahi teks dan format format teks lainnya.
Kali ini cumacoder.com akan memberikan tutorial sederhana untuk mengintegrasikan CodeIgniter dengan TinyMCE.
Ya yang pastinya kita harus lebih dahulu mendownload CodeIgniter di http://www.codeigniter.com dan TinyMCE di https://tinymce.com . Setelah mendownloadnya silahkan ekstrak file yang telah di untudh tadi. Biasanya file yang didownload berupa Copressed File atau ZIP.
Jika selesai mati ke langkah selanjutnya.
Langkah Kedua : Menempatkan Folder TinyMCE ke Dalam Folder CodeIgniter
Sebelum menempatkan Folder TinyMCE ke dalam Folder Codeigniter. Kita buat terlebih dahulu folder assets di dalam folder CodeIgniter . Fungsi folder assets ini adalah untuk meletakan file file open source yang akan di integrasikan dengan codeIgniter seperti Bootstrap, Responsive File Manager , atau TinyMCE.
Jika sudah dibuat folder assets nya. Sekarang letakan folder TinyMCE ke dalam folder asstets tadi. Penampakannya seperti ini.
Sampai langkah ini kita sudah menyatukan TinyMCE dan CodeIgniter. Mari Kita ke langkah ketiga Untuk coding TinyMCE agar bisa digunakan.
Langkah Ketiga : Coding Untuk Viewnya.
Jika anda membaca artikel ini, saya yakin anda sudah mengerti dengan controller dan view pada CodeIgniter. Dan mengubah pengaturan base_url pada file /application/config/config.php. Atau baca artikel berikut untuk menghilangkan index.php pada codeigniter :
Untuk codingan file viewnya bisa lihat di bawah ini :
Pada baris ketiga merupakan coding untuk memanggil TinyMCE. Pada baris keempat sampai kesembilan, kita gunakan fungsi tinymce.init untuk menginisialisasi/mengenerate form textarea menjadi teks editor TinyMCE berdasarkan id form textarea.
Pada codeingan diatas saya memberikan id mytextarea pada form textarea. Hasilnya seperti berikut.
Posting Komentar