Trong bài này chúng ta đang tò mò biện pháp tích đúng theo CKFinder vào CKEditor bằng phương pháp cấu hình file config.jsmột bí quyết đơn giản cơ mà tác dụng. Nhưng trước tiên họ cần tìm hiểu một số điểm của ckfinder đang nhé.

Bạn đang xem: Hướng dẫn tích hợp ckfinder vào ckeditor

1. Một số xem xét khi tích hợp ckfinder vào ckeditor

Thứ nhất: Tất cả những request của ckfinder phần đa chạy qua tệp tin connector.php phía trong thư mục ckfinder/core/connector/php/connector.php, như vậy trên thực tế ước ao can thiệp vào Ckeditor thì ta chỉ cần Để ý đến file này, tuyệt âm thầm chí bảo mật thông tin ckfinder cũng liên quan mang lại tệp tin này.

Thứ đọng hai: Mặc định khi bạn hiển thị popup của ckfinder nó đã chạ tệp tin ckfinder.html phía bên trong thư mục ckfinder/ckfinder.html. Nên nếu như như Hacker biết băng thông nhưng mà chúng ta không thông số kỹ thuật bảo mật thông tin mang đến ckfinder thì toàn thể nới chữa truyền thông media (hình hình ảnh, file) của bạn sẽ bị hacker thấy đề nghị vô cùng nguy khốn cho trang web. Nếu hacker tốt up shell lên thì coi như đi cả trang web.


*

Thứ ba: Ckfinder nhận dạng các request thông qua các tđê mê số truyền trên URL, trường đoản cú đó mà nó vẫn xác định là lấy thể các loại nào (images, tệp tin, flash). Điển hình là:

connector.php?type=Images: Tương ứng lựa chọn thể nhiều loại imagesconnector.php?type=Files : Tương ứng lựa chọn thể nhiều loại filesconnector.php?type=Flash: Tương ứng chọn thể loại flash

Ở bên trên mình nhắc tới thể loại tuy nhiên chắc hẳn rằng bạn lừng chừng nó là gì. Bạn demo mnghỉ ngơi tệp tin ckfinder/config.phpvới tìm tới đoạn code$config<"ResourceType">,Tại phía trên bạn muốn quan niệm từng nào loạithì tùy ưng ý, mặc định nó có 3 một số loại là Files, Imagesvà flash. Hy vọng một ngày nào đó mình vẫn trả lời bạn thông số kỹ thuật nâng cao.


2. Cấu hình tích hợpckeditor vào website

Gắn ckeditor vào website

Bước 1:quý khách hàng phải tải về cỗ source ckeditor trên trang chủ ckeditorvới gửi vào vào hệ thống source webite của chúng ta. Sau đó các bạn sẽ import vào tệp tin buộc phải hiển thị ckeditor.

Cách 2: Tạo thẻ textarea hoặc một thẻ ngẫu nhiên có id là nội dung (bạn cũng có thể thay đổi tùy thích), tiếp đến code một đoạn dưới thẻ kia như sau:


Lưu ý với các bạn rằng ID buộc phải tốt nhất nhé.

Cách 3: Quý Khách dìm F5(Refresh) lại trang sẽ thấy kết quả này của doanh nghiệp nlỗi hình bên dưới đây:

3. Cấu hình đến ckeditor

Bây tiếng mong mỏi cấu hình đến ckeditor các bạn sẽ vào file ckeditor/config.js,tại trên đây bạn sẽ gồm có thông số kỹ thuật thông số kỹ thuật thông dụng sau:

Đổi skin

Để đổi skin (giao diện) bạn sẽ đổi thông số config.skin="v2", sẽ sở hữu bố sự chắt lọc là v2, kama, office2003.

Xem thêm: Hướng Dẫn Tạo Tài Khoản App Store Cực Dễ (P1), Id Apple Là Gì

Thêm, sút các toolbar


config.toolbar = < <"Source","Preview","Templates">, <"Cut","Copy","Paste","PasteText","PasteFromWord","-","Print", "SpellChecker", "Scayt">, <"Undo","Redo","-","Find","Replace","-","SelectAll","RemoveFormat">, "/", <"Bold","Italic","Underline","Strike","-","Subscript","Superscript">, <"NumberedList","BulletedList","-","Outdent","Indent","Blockquote","CreateDiv">, <"JustifyLeft","JustifyCenter","JustifyRight","JustifyBlock">, <"BidiLtr", "BidiRtl" >, <"Link","Unlink","Anchor">, <"Image","Flash","Table","HorizontalRule","Smiley","SpecialChar","PageBreak","Iframe">, "/", <"Styles","Format","Font","FontSize">, <"TextColor","BGColor">, <"Maximize","ShowBlocks","Syntaxhighlight"> >
Tại đây bạn sẽ blàm việc đi mọi tool ko quan trọng, mang định là full

Đổi CSS khoác định vào ckeditor

Đôi khi bạn muốn style css đến CKeditor giống cùng với hình ảnh bên ngoài của doanh nghiệp thì bạn sẽ thực hiện bí quyết như sau:


Bên vào là rất nhiều đoạn CSS cơ mà bạn muốn style

4. Tích đúng theo ckfinder vào ckeditor

Bây tiếng là bước đặc biệt quan trọng tích đúng theo ckfinder vào ckeditor, các bạn sẽ tiến hành từng thao tác nhỏng sau:

Cách 1: Download Ckfinder bên trên Home của chính nó với tích thích hợp vào website của bạn.

Bước 2: Mngơi nghỉ lại file ckeditor/config.js cùng thêm đoạn code sau:


config.filebrowserBrowseUrl = "http:///ckfinder/ckfinder.html";config.filebrowserImageBrowseUrl = "http:///ckfinder/ckfinder.html?type=Images";config.filebrowserFlashBrowseUrl = "http:///ckfinder/ckfinder.html?type=Flash";config.filebrowserUploadUrl = "http:///ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Files";config.filebrowserImageUploadUrl = "http:///ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Images";config.filebrowserFlashUploadUrl = "http:///ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Flash";

Trong số đó các bạn lưu ý URL trỏ mang lại 2 file đó là ckfinder.html với connector.php phía trong source ckfinder, trên đây đó là mọi để ý cơ mà mình nhắc ngơi nghỉ trên kia.

Cách 3: Msinh sống file ckfinder/config.php và tìm kiếm $baseUrl nhỏng sau:


Trong đó bạn chăm chú đây là đường truyền tương đối nhé, yêu cầu buộc phải có nhì lốt / đầu cùng cuối.

Cách 4: Bảo mật đến ckfinder, đấy là bước đặc trưng tốt nhất ví như như ban không bảo mật đúng chuẩn thì đang đề xuất trả giá chỉ đấy nhé.


function CheckAuthentication()// WARNING : DO NOT simply return “true”. By doing so, you are allowing// “anyone” khổng lồ upload và danh sách the files in your hệ thống. You must implement// some kind of session validation here. Even something very simple as…// return isset($_SESSION<"IsAuthorized">) &và $_SESSION<"IsAuthorized">;// … where $_SESSION<"IsAuthorized"> is mix to lớn “true” as soon as the// user logs in your system. To be able to lớn use session variables don’t// forget to add session_start() at the top of this file.//return false;return true;
Tại phía trên bạn sẽ dựa SESSION soát sổ login hay chưa, nếu chưa thì return fasle cùng ví như rồi thì return true.

Vậy nên là chấm dứt các bước để tích thích hợp ckfinder vào ckeditor.

5. Lời kết

Đây là bí quyết thông số kỹ thuật basic khôn xiết căn uống bạn dạng tuy nhiên đầy đủ để những bạn cũng có thể bảo mật thông tin mang lại riêng biệt bản thân. Nhưng giả dụ bạn có nhu cầu sâu sát hơn nữa thì ban nên tò mò cỗ source của nó, tức thị đề xuất phân tích các luồng xử lý của ckfinder, trường đoản cú đó chỉ dẫn các chiến thuật cần thiết cho dự án công trình.

Bài viết liên quan

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *