CKEditor là gì ?
CKEditor là một trình soạn thảo mã nguồn mở theo kiểu WYSIWYG của CKSource. Trình soạn thảonày có thể tích hợp vào các web site mà không cần cài đặt.Bạn đang xem: Hướng dẫn chèn ckeditor vào php
CKFinder là gì
CKFinder là một bộ công cụ mạnh mẽ dùng để upload, quản lý ảnh. Ngoài khả năng quản lý file trên hệ thống, chúng ta có thể tích hợp CKFinder vào thư viện CkEditor để dễ dàng chèn ảnh vào bài viết.
1. Cài đặtCKEditor
Trước tiên người sử dụng cần downloadCKEditor 4 về máy tính: DownloadCKEditor 4
Sau khi download người sử dụng giải nén thư mụcckeditor vào trong folder public của Laravel
Tiếp theo chúng ta để đó và chuyển sang bước 2 cài đặtCKFinder
2. Cài đặtCKFinder
a. Bạn đang xem: Hướng dẫn sử dụng ckeditor php
Xem thêm: Hướng Dẫn May Váy Cưới đơn thuần, Sang Trọng Cho Mùa Cưới hiện nay
Xem thêm: Bài Giảng Hướng Dẫn Sử Dụng Matlab 7.0, Hướng Dẫn Sử Dụng ứng dụng Matlab 7 0
Cài đặtCKFinder
Trên mạng hiện nay có rất nhiều hướng dẫn tích hợpCKFinder bằng cách tải fileCKFinder về giải nén vào project, tuy nhiên theo cá nhân mình cách này không ổn và khó bảo mật choCKFinder. Trong phần này mình sẽ hướng dẫn người sử dụng sử dụng PackageCKFinder do chính nhà phát triển cung cấp:https://ckeditor.com/ckfinder/download/
Để cài đặt package CKFinder người sử dụng chạy lần lượt 2 lệnh sau
composer require ckfinder/ckfinder-laravel-packagephp artisan ckfinder:downloadSau khi quá trình cài đặt và download hoàn tất chạy tiếp lệnh sau để xuất file css, js và file config
php artisan vendor:publish –tag=ckfinderCuối cùng tạo thư mụcweb1_userfiles bên trong public của Laravel
b. Tạo Middleware
Tiếp theo chúng ta cần tạo Middleware bảo mật cho CKFinder. Để tạo Middleware người sử dụng chạy lệnh sau:
php artisan make:middleware CustomCKFinderAuth
Sửa lại nội dung fileAppHttpMiddlewareCustomCKFinderAuth tương đương sau:
public function handle($request, Closure $next) config( function() return true; >); return $next($request);
Để tăng cường bảo mật người sử dụng cũng có thể custom một chút đại loại như sau:
public function handle($request, Closure $next) if (Auth::check()) config( function() use ($request) return true; > ); else config( function() use ($request) return false; > ); return $next($request);
Như vậy chỉ web1_user đã login mới sử dụng được CKFinder, người sử dụng có thể tùy chỉnh theo ý mình.
c. Cấu hìnhCKFinder
– Tiếp theo người sử dụng mở file /config/ckfinder.phpvà tìm đến dòng sau
$config = “CKSourceCKFinderBridgeCKFinderMiddleware”;Sửa lại nó trỏ tới Middleware người sử dụng đã tạo ở bước trước, ví dụ như sau
$config = “AppHttpMiddlewareCustomCKFinderAuth”;* Đánh mạnh:người sử dụng lưu ý CKFinder là ứng dụng trả phí nên với package CKFinder có thể sẽ cần phải điềnlicenseName vàlicenseKey. Để lấy 2 thông tin này người sử dụng có thể truy cập:https://ckfinder.sanvu88.net/sau khi có 2 thông số trên người sử dụng điền vào file /config/ckfinder.php
/*============================ License Key ============================================*/// http://docs.cksource.com/ckfinder3-php/configuration.html#configuration_options_licenseKey$config = “”;$config = “”;
3. Tích hợpCKEditor vàCKFinder vào Laravel
Tạo file view test.blade.php với nội dung như sau:
Chuyên mục: Kiến thức