Kita lanjut ya, mumpung di jalan lagi macet total ne, jadi bisa nulis artikel. heee….

Melanjutkan artikel sebelumnya yaitu membuat WYSIWYG dengan CKeditor, kali ini kita akan menambahkan file manager. File manager berguna untuk mengupload file sehingga bila kita ingin memasukkan gambar / file dalam artikel, kita bisa langsung menguploadnya melalui wysiwyg.

Ada banyak sekali file manager yang ada dipasaran mulai yang free hingga berbayar. Masing-masing punya kelebihan dan kekurangan sendiri-sendiri. Pada kesempatan ini kia akan menggunakan yang free yaitu Roxy Fileman.

Untuk menggabungkan Roxy Fileman dengan ckeditor, cukup mudah. Berikut ini adalah langkah-langkahnya :

Step 1 : Anda perlu mendownload Roxy Fileman pada websitenya atau anda bisa mendownloadnya pada link di akhir artikel ini.

Step 2 : Letakkan file hasil ekstrak ke dalam folder ckeditor/plugins

fileman

Step 3 : Ubah baris 11 s/d 15 file index.php menjadi seperti berikut ini :

Step 4 : Lakukan pengaturan folder upload dengan cara mengubah konfigurasi dalam file ckeditor/plugins/fileman/conf.json. Ubah baris 2 dan 10 menjadi seperti berikut ini :

Sesuaikan baris 2 sesuai path tempat folder upload. Jangan lupa baris 10 diganti ckeditor.

Step 5 : Jalankan kembali ckeditor anda. Cobalah untuk mengupload gambar. Maka akan muncul jendela sebagai berikut :

browse
Klik Browse Server maka akan muncul jendela sbb :

upload
Upload sebuah gambar kemudian pilih gambar tersebut lalu klik OK. Maka gambar yang anda pilih akan masuk ke dalam wysiwyg seperti gambar diawal artikel ini. Anda bisa menyimpan artikel tersebut ke dalam database dan gambar akan muncul ketika data ditampilkan.

Demikianlah cara menambahkan file manager pada CKEditor. Semoga bemanfaat. Jangan lupa di share ya.. terima kasih.