Cara Pasang File Manager Codeigniter

Setelah memasang TinyMCE CodeIgniter, bahasan selanjutnya yaitu membahas cara pasang file manager CodeIgniter supaya lengkap fitur text editornya. Bagaimana caranya? Berikut AneIqbal sajikan panduan lengkapnya.

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

Langkah-langkah integrasi file manager CodeIgniter

Download plugin file manager

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

Ohiya, kami berasumsi Anda sudah mengintegrasikan Codeigniter dengan TinyMCEnya. Kalau belum, silakan cek dulu pembahasan TinyMCE CodeIgniter baru kemudian dilanjutkan ke pembahasan ini.

Ekstrak file zip RESPONSIVE filemanager

Sebelum diekstrak, pindahkan atau copy file zipnya ke dalam folder Codeigniter. Baru setelah itu diekstrak. Setelah diekstrak, hapus file changelog, LICENSE, README.md. Gak dihapus pun gak masalah, opsional.

responsive file manager 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.

codeigniter file manager
Folder plugins responsivefilemanager yang sudah dipindah/copykan
responsive file manager
Posisi akhir folder root Codeigniter

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

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.

Codingan akhir file layout.php
Codingan akhir file layout.php

Dan ini dia hasilnya:

tinymce filemanager plugin
RESPONSIVE filemanager pada TinyMCE

Anda berhasil juga? Wah selamat! Oke, sekian dari kami dan semoga bisa membantu Anda. Terima kasih sudah membaca sampai akhir.

Leave a Comment