Menambahkan Plugin File Manager Untuk TinyMCE Yang Terintegrasi Codeigniter



Setelah melakukan riset, Alhamdulillah akhirnya berhasil juga menambahkan plugin file manager untuk TinyMCE yang sudah diintegrasikan dengan Codeigniter. Gampang gampang susah, perlu ketelitian. Simak terus ya!

Plugin file managernya bernama RESPONSIVE filemanager. Ente bisa lihat websitenya di http://www.responsivefilemanager.com/ lalu mendownloadnya di http://www.responsivefilemanager.com/#download-section. Sudah didownload? Kalau sudah, kita langsung eksekusi.

Ohiya, ane berasumsi ente sudah mengintegrasikan Codeigniter dengan TinyMCEnya. Kalau belum, ente bisa mengintegrasikannya dengan cara yang ada di artikel ini 3 Langkah Mudah Mengintegrasikan Codeigniter dengan TinyMCE. Oke, kita lanjut.

Ekstrak file zip RESPONSIVE filemanager yang sudah didownload

Sebelum diekstrak, pindahkan atau copy file zipnya ke dalam folder Codeigniter. Baru setelah itu diekstrak.

install tinymce codeigniter
File responsive_filemanager.zip di Codeigniter

install tinymce codeigniter
Hasil ekstrak file responsive_filemanager.zip

Setelah diekstrak, hapus file changelog, LICENSE, README.md. Gak dihapus pun gak masalah, opsional.

install tinymce codeigniter
Setelah dihapus

Lalu masuk ke folder tinymce > plugins. Pindahkan/copy folder responsivefilemanager ke folder assets/tinymce/plugins. Jika sudah, hapus folder tinymce yang ada di root folder Codeigniter.

install tinymce codeigniter
Folder plugins responsivefilemanager yang sudah dipindah/copykan

install tinymce codeigniter
Posisi akhir folder root Codeigniter

Nah, penambahan folder dan file plugins responsivefilemanager sudah. Tinggal kita panggil plugin tersebut dengan codingan.

Baca juga ya..
Quiz 5 Pengantar Manajemen dan Bisnis: Organisasi dan Manajemen
Quiz 4 Pengantar Manajemen dan Bisnis: Pendanaan dan Investasi
Quiz 3 Pengantar Manajemen dan Bisnis: Lingkup Manajemen Operasional

Tambahkan Coding Pemanggilan Plugin Pada View

Selanjutnya, tambahkan codingan berikut untuk memanggil atau menginisialisasi plugin file managernya.

plugins: [
         "advlist autolink link image lists charmap print preview hr anchor pagebreak",
         "searchreplace wordcount visualblocks visualchars insertdatetime media nonbreaking",
         "table contextmenu directionality emoticons paste textcolor responsivefilemanager code"
     ],
     toolbar1: "undo redo | bold italic underline | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent",
     toolbar2: "| responsivefilemanager | link unlink anchor | image media | forecolor backcolor  | print preview code ",
     image_advtab: true ,
    
     external_filemanager_path:"/",
     filemanager_title:"Responsive Filemanager" ,
     external_plugins: { "filemanager" : ""}

Jadi, codingan akhir file view layout.php jadi seperti ini.

install tinymce codeigniter
Codingan akhir file layout.php

Dan ini dia hasilnya:

install tinymce codeigniter
RESPONSIVE filemanager pada TinyMCE

Ente berhasil juga? Wah selamat! Oke, sekian dari ane. Sampai jumpa di artikel selanjutnya ya!



0 Komentar untuk "Menambahkan Plugin File Manager Untuk TinyMCE Yang Terintegrasi Codeigniter"