Cara menghubungkan TinyMCE dengan CodeIgniter 3 - Dalam html saat membuat sebuah form untuk tempat penulisan paragraf, misal untuk menulis isi berita. Biasanya kita menggunakan
tag textarea sehingga sangat sulit sekali untuk mengatur format teksnya, misal saya ingin membuat pada tulisan ada kata yang ditebalkan atau mungkin dicoret.
Penyedia cms untuk blog juga menggunakan tekseditor sebut saja blogger, wordpress sehingga pengguna merasa nyaman saat melakukan
posting.
Gak banyak cerita lagi kita langsung saja ke topik.
1. Download CodeIgniter versi terbaru pada situs resminya www.codeigniter.com atau bisa dari
sini
![Cara menghubungkan TinyMCE dengan CodeIgniter 3 Cara menghubungkan TinyMCE dengan CodeIgniter 3](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpuwCYe1W6gjgUb4YKd-Iriq3A_p4MxyoUfi7xBJshTU9n76jjlj_sE27CZeP7SioyzZ27Ys23EcnteQ2W9U4nfvoUm_Vsh9FEej2DGVZqCRn29p3sylgBnZvHc_N8dnVTdReyrmbMKXA/s400/download+ci.PNG) |
SS. Download codeigniter 3.06 |
2. Setelah selesai download extrak file .zip tersebut kedalam folder
htdocs kemudian rename folder tersebut agar lebih mudah diingat
3. Kemudian silahkan download file
TinyMCE dari situs resminya atau bisa juga
disini
![Cara menghubungkan TinyMCE dengan CodeIgniter 3 Cara menghubungkan TinyMCE dengan CodeIgniter 3](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMoFk3kI-ex30ojppgv6iDEZLMugGvzEgemdXdcB1yQQ12PI6cRwsUupTtoaOkMNWSx9EDybaOT6j5rIBIAGpkdXulM65CWMs4ffP_qThaXPbXNBrpb7m4TEYZn2bgLglAdnPS5Doo_oc/s400/download+tinymce.PNG) |
SS. Download TinyMCE |
4. Extrak dan pindahkan kedalam folder ci tadi tambah folder baru dengan nama aset,
letakkan folder tinymce didalamnya.
![Cara menghubungkan TinyMCE dengan CodeIgniter 3 Cara menghubungkan TinyMCE dengan CodeIgniter 3](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgE8Lg3Ea_WWvxxonNGfDwvWQowVqfsbTsMnJ-3wYwYGvSW-UF2eP9w8-hiQHYorpbNtwkIyUXpst7DnHUvdrY_bpsw3nVdUqd-6hnRe_LAZvnk-aCpZTe86JfV9LV2X6DfLYBLBKo3Nck/s400/folder+aset.PNG) |
SS. Letak plugin tinyMCE |
5. Buat Controller misal nama controllernya tiny yang isinya untuk meload view tiny
![Cara menghubungkan TinyMCE dengan CodeIgniter 3 Cara menghubungkan TinyMCE dengan CodeIgniter 3](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXrKeYsSOBLjWxV_L7WiXRHpqw7YU9ZHAC2RfsVJHepkcf7FihzhYRnt-Y8Qz47PspUXSrY9clgVtsDAN4bqTvFAAWfDwTf2Bk_2V_wcbmsXgYZtfvibuVeN8KxDjLZN8lbVkfQu3zUgQ/s400/tiny.PNG) |
SS. Controller |
6. Jangan lupa buat file
v_tiny nya
![Cara menghubungkan TinyMCE dengan CodeIgniter 3 Cara menghubungkan TinyMCE dengan CodeIgniter 3](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnKhc2zS6H6ZnlA7PBs89DN8-Zmi7-zo5byILWl7MKsfAorzNqCgk7yL-Vx3ywv_4ro7-G8tKnk7rAR1MUQxUa7-HAvw2Z-lTaguJgW3RkAtVHDzIh0jqyYNDJiLAkW3zx6RcIalAhhLU/s400/kodingan.PNG) |
SS. Kodingan viewnya |
7. Selanjutnya test buka dari browser
![Cara menghubungkan TinyMCE dengan CodeIgniter 3 Cara menghubungkan TinyMCE dengan CodeIgniter 3](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdcJtEP80pPhNn1xoiFShbkcDAQW-tEcmLnk2Nt12-g5snOppkMuiTsEj0jmXRqJ4iqsLPemymo5QyMZxQQsfTiZVVII5dHLJf_DiEGnXuM-ieENusv04k8zidYcbsQtXJaRgLbpp-Rao/s400/Hasil.PNG) |
SS. Tes uji coba dengan browser |
Cukup sekian
Cara menghubungkan TinyMCE dengan CodeIgniter 3 Selesai, mudahkan? kalau ada pertanyaan silahkan coret dikomentar
thanks info x min ...
ReplyDeleteizin sedot abis ya min. hehhee. habisnya bermanfaat sih, haha
ReplyDeleteSilahkan mas, Semoga kami selalu dapat membantu mas
Deletekalau mau buat text editor seperti wordpress menggunakan tinymce , bagaimana? yang bisa simpan gambar di dalam editor
ReplyDelete