Sử dụng trình soạn thảo CKeditor tích hợp CKFinder với Laravel

Bước 1 : Download CKEditor

Đầu tiên, bạn cần download ckeditor từ trang http://ckeditor.com/download, sau đó extract và đổi tên thư mục thành và lưu vào thư mục public.

Bước 2: Download KCFinder

Thay vì download ckfinder bạn download kcfinder tại đây. Làm tươn tự như với ckeditor, bạn đổi tên thư mục thành kcfinder và lưu thư mục vào thư mục public của Laravel.

Bước 3: Cấu hình CKEditor

Mở file \public\ckeditor\config.js và sửa nội dung như dưới đây:

CKEDITOR.editorConfig = function(config) {
    config.filebrowserBrowseUrl = '/kcfinder/browse.php?opener=ckeditor&type=files';
    config.filebrowserImageBrowseUrl = '/kcfinder/browse.php?opener=ckeditor&type=images';

 
    config.filebrowserFlashBrowseUrl = '/kcfinder/browse.php?opener=ckeditor&type=flash';
    config.filebrowserUploadUrl = '/kcfinder/upload.php?opener=ckeditor&type=files';
    config.filebrowserImageUploadUrl = '/kcfinder/upload.php?opener=ckeditor&type=images';
    config.filebrowserFlashUploadUrl = '/kcfinder/upload.php?opener=ckeditor&type=flash';
};

Bây giờ bạn đã hoàn toàn có thể sử dụng ckeditor và ckfinder tại các blade, ví dụ như sau:

Chú ý: Trong quá trình cài đặt nếu việc tải ảnh sử dụng FCFinder khi click vào Browser Server gặp lỗi: "You don't have permission to upload files in KCFinder." thì bạn cần mở file kcfinder/config.php và sửa:

'disabled' => true,

'disabled' => false,

Bạn có thể download CKEditor và CLFinder và làm theo hướng dẫn tại đây.

[Nghean-Aptech]