Pada kesempatan kali ini saya akan menjelaskan cara menggunakan upload file di ckeditor. Perlu teman-teman ketahui sebelumnya, dickeditor kalian bukan cuma bisa untuk uploads gambar, melainkan kalian juga bisa upload file seperti file pdf, dll. Akan tetapi untuk menggunakan upload file tersebut kalian membutuhkan plugin filemanager ckfinder yang dipasang dickeditor. Dan untuk menggunakannya kalian bisa ikuti tahapan yang saya berikan dibawah ini :

  • Pastikan terlebih dahulu bahwa saja kalian sudah melakukan pemasangan ckeditor
  • Selanjutnya kalian bisa download plugins ckfinder dialamat https://ckeditor.com/ckfinder/download/ dan kalian bisa download seeperti contoh pada gambar berikut ini:

  • Selanjutnya kalian bisa extract folder ckfinder tersebut dan letakan sejajar dengan folder ckeditor.
  • Jika sudah selanjutnya kalian bisa masuk kedalam folder ckeditor dan buka file config.js
  • Sebelumnya kalian bisa menambahkan attribute id terlebih dahulu kedalam komponent textarea yang ingin dihubungkan dengan ckeditor tersebut, dan berinama nilai id tersebut dengan nama desc.
  • Kembali lg kedalam file config.js, jika sudah kalian bisa tambahkan kode seperti berikut didalam file config.js :

nb: untuk lokasi url http://localhost/test/ckfinder/… yg dipertebal hurufnya pada kode diatas, bisa kalian sesuaikan dengan nama folder project kalian.

  • Jika sudah simpan file config.js tersebut dan buat folder baru dengan nama uploads, dan tempatkan sejajar dengan folder ckeditor dan ckfinder.
  • Jika sudah selanjutnya masuk kedalam folder ckfinder dan buka file config.php, ubah variable $config authentication false menjadi true, seperti berikut :

  • Selanjutnya ubah juga variable $config[‘backends’], dan tentukan lokasi folder tempat upload penyimpanan file nantinya pada variable ‘baseUrl’ menjadi seperti berikut :

  • Jika sudah simpan file tersebut dan kalian bisa uji coba untku upload file pdf.

Sampai disini penjelasan saya mengenai cara menggunakan upload file di ckeditor, semoga bermanfaat.