Hướng dẫn chèn ckeditor vào php

     
Crúc ý: Tất cả những bài viết phần lớn được viết dựa trên Laravel 5.8, 6.x. Các tutorial được tổng hợp cùng dịch từ nhiều nguồn khác nhau và đã được demo.

CKEditor là gì ?

CKEditor là một trình soạn thảo mã mối cung cấp msinh sống theo phong cách WYSIWYG của CKSource. Trình soạn thảonày rất có thể tích thích hợp vào các web site cơ mà không đề nghị thiết lập.

Bạn đang xem: Hướng dẫn chèn ckeditor vào php

CKFinder là gì

CKFinder là 1 cỗ lý lẽ trẻ trung và tràn trề sức khỏe dùng để upload, thống trị ảnh. Ngoài năng lực làm chủ file trên hệ thống, chúng ta có thể tích thích hợp CKFinder vào thỏng viện CkEditor để dễ dãi chèn hình ảnh vào nội dung bài viết.

Trong ngôn từ bài viết này mình vẫn hướng dẫn chúng ta cách tích hợpCKEditor với CKFinder đến Laravel.

Xem thêm: Cấu Trúc Đề Thi Thpt Quốc Gia 2019 Môn Anh Thpt Quốc Gia 2019

1. Cài đặtCKEditor

Trong phần này bản thân sẽ chỉ dẫn chúng ta tích hợpCKEditor 4, do theo cảm thấy của cá thể mình bạn dạng 4 dễ thực hiện hơn không hề ít so với bản 5.

Trước hết chúng ta cần downloadCKEditor 4 về lắp thêm tính: DownloadCKEditor 4

Sau khi tải về các bạn bung file thư mụcckeditor vào trong folder public của Laravel

ckeditor

Tiếp theo họ nhằm đó và chuyển thanh lịch bước 2 mua đặtCKFinder

2. Cài đặtCKFinder

a. Cài đặtCKFinder

Trên mạng hiện thời có không ít trả lời tích hợpCKFinder bằng phương pháp tải fileCKFinder về bung file vào project, tuy vậy theo cá thể bản thân giải pháp này sẽ không ổn và cực nhọc bảo mật choCKFinder. Trong phần này bản thân sẽ chỉ dẫn các bạn áp dụng PackageCKFinder do thiết yếu công ty cải tiến và phát triển cung cấp:https://ckeditor.com/ckfinder/download/

ckfinder

Để cài đặt package CKFinder các bạn chạy lần lượt 2 lệnh sau

composer require ckfinder/ckfinder-laravel-packagephp artisan ckfinder:downloadSau Khi quy trình setup cùng download hoàn toàn chạy tiếp lệnh sau nhằm xuất tệp tin css, js và tệp tin config

php artisan vendor:publish --tag=ckfinderCuối thuộc tạo nên thư mụcweb1_userfiles phía bên trong public của Laravel

web1_userfiles

b. Tạo Middleware

Tiếp theo chúng ta đề xuất sản xuất Middleware bảo mật thông tin đến CKFinder. Để tạo Middleware các bạn chạy lệnh sau:

php artisan make:middleware CustomCKFinderAuth

Sửa lại ngôn từ fileAppHttpMiddlewareCustomCKFinderAuth giống như sau:

public function handle($request, Closure $next) config(<"ckfinder.authentication" => function() return true; >); return $next($request);

Để tăng cường bảo mật các bạn cũng có thể custom một chút ít đại các loại như sau:

public function handle($request, Closure $next) if (Auth::check()) config(<"ckfinder.authentication" => function() use ($request) return true; > ); else config(<"ckfinder.authentication" => function() use ($request) return false; > ); return $next($request);

Vậy nên chỉ web1_user vẫn login mới áp dụng được CKFinder, những bạn có thể tùy chỉnh thiết lập chủ động.

c. Cấu hìnhCKFinder

- Tiếp theo chúng ta msinh hoạt file /config/ckfinder.phpvà tìm tới cái sau

$config<"authentication"> = "CKSourceCKFinderBridgeCKFinderMiddleware";Sửa lại nó trỏ tới Middleware các bạn đã sản xuất làm việc bước trước, ví như sau

$config<"authentication"> = "AppHttpMiddlewareCustomCKFinderAuth";* Chú ý:Các các bạn lưu ý CKFinder là phần mềm trả chi phí phải với package CKFinder hoàn toàn có thể sẽ cần được điềnlicenseName licenseKey. Để mang 2 ban bố này các chúng ta có thể truy tìm cập:https://ckfinder.sanvu88.net/sau khoản thời gian bao gồm 2 thông số kỹ thuật trên chúng ta điền vào file /config/ckfinder.php

/*============================ License Key ============================================*/// http://docs.cksource.com/ckfinder3-php/configuration.html#configuration_options_licenseKey$config<"licenseName"> = "";$config<"licenseKey"> = "";

3. Tích hợpCKEditor vàCKFinder vào Laravel

Tạo file view demo.blade.php cùng với văn bản nhỏng sau: