Menambahkan Plugin Upload Gambar Pada CKEditor Menggunakan Laravel

Pada text editor yang menggunakan CKEditor untuk menulis berita artikel atau apapun untuk mengisi content website tentunya CKEditor adalah salah satu pilihan yang cocok karena CKeditor telah menyediakan berbagai macam fitur untuk melakukannya, namun CKEditor juga memiliki fitur-fitur tambahan yang tidak langsung dimasukan dalam paket download, yaitu fitur untuk mengupload gambar dan file, karena pada fitur standart hanya menyediakan gambar yang disemat dari sebuah url, untuk itu kita perlu menambahkannya, dan disini dibahas cara menambahkan dengan menggunakan Laravel Framework bagaimana cara menambahkan plugin upload gambar pada CKEditor menggunakan Laravel ikuti catatan berikut ini.

plugin ini menggunakan laravel-filemanager untuk menyematkannya pada CKEditor pastikan CKEditor telah terpasang pada project laravel.

Baca Sebelumnya:

Text Editor Untuk Mengisi Content Pada Web

Kemudian install plugin laravel-filemanager dengan cara sebagai berikut:

composer require tsawler/laravel-filemanager

Lalu pada file konfigurasi yaitu config/app.php tambahkan kode berikut pada bagian providers.

Tsawler\Laravelfilemanager\LaravelFilemanagerServiceProvider::class,
Intervention\Image\ImageServiceProvider::class,
Collective\Html\HtmlServiceProvider::class,

Seperti terlihat pada gambar 12.4 dibawah ini.

Gambar 12.4

Lalu masih pada file konfigurasi yaitu config/app.php tambahkan kode berikut pada bagian aliases.

'Image'     => Intervention\Image\Facades\Image::class,
'Form' => Collective\Html\FormFacade::class,
'Html' => Collective\Html\HtmlFacade::class,

Seperti terlihat pada gambar 12.5 dibawah ini.

Gambar 12.5

Kemudian publish file config dari laravel-filemanager agar dapat merubah konfigurasi dengan cara ketikan pada shell kode berikut ini.

php artisan vendor:publish --tag=lfm_config

Maka akan muncul file lfm.php pada folder config.

Lalu publish folder asset yang digunakan untuk menyimpan gambar atau file yang diupload, yaitu ketikan pada shell kode berikut ini.

php artisan vendor:publish --tag=lfm_public

maka akan muncul folder laravel-filemanager pada folder public/vendor

Gambar 12.6

Dan jika ingin merubah tampilan layout dari laravel-filemanager bisa dengan cara mempublish views, ketikan pada shell kode berikut.

php artisan vendor:publish --tag=lfm_views

maka akan muncul folder laravel-filemanager pada folder views/vendor.

Gambar 12.7

Lalu pada file html dimana anda menggunakan Script CKEditor tambahkan kode berikut ini agar plugin terhubung dengan kode laravel-filemanager tadi.
Maka dengan mengikuti catatan diatas akan menambahkan fitur upload gambar atau file pada CKEditor yang terpasang.