Hướng Dẫn Sử Dụng Ckeditor

Quý Khách vẫn xem: Hướng Dẫn Sử Dụng Ckeditor Là Gì? Cách Sử Dụng Ckeditor Thêm Bài Viết Trong Php Tại earlsdaughter.com: Tổng vừa lòng kiến thức và kỹ năng về nội thất

CKEditor hiện thời là trình biên soạn thảo văn uống bạn dạng dành cho website chuyên nghiệp hóa và thông dụng tốt nhất nhân loại. Tuy nhiên, vấn đề mẫu đặt CKEditor thì rất thuận lợi, mà lại khoác định, trình soạn thảo này chỉ cung cấp biên soạn thảo nhưng mà chưa tồn tại sẵn tính năng upload hình hình họa, tệp tin lên VPS.

Bạn đang xem: Hướng dẫn sử dụng ckeditor

Đang xem: Hướng dẫn thực hiện ckeditor

Để hạn chế điều này, chúng ta sẽ bao gồm CKFinder, đó cũng là 1 trong những sản phẩm cùng công ty sản xuất với CKEditer. Đây là cơ chế được cho phép upload và làm chủ file khôn cùng trẻ khỏe. Dưới đấy là giải đáp giải pháp thiết lập CKEditor có tích hợp sẵn CKFinder nhằm các chúng ta cũng có thể upload hình anh, file tức thì bên trên trình soạn thảo.

Bước 1: Trước không còn, hãy sở hữu bạn dạng CKeditor tích hợp sẵn CKFinder về: CKEditor.zip

Hiện nay đã tất cả phiên bản CKeditor 5 rồi, tuy vậy Trung sử dụng phiên phiên bản CKeditor 4 chính vì sự phổ biến của nó với dễ dàng sử dụng, thiệt ra phiên bạn dạng 4 cũng đã vượt khá đầy đủ mang lại trình soạn thảo trên trang web.

Bước 2: Giải nén file vừa cài về cùng copy vào tlỗi mục cội của project website

*

Lưu ý: jQuery không thể không có Khi ý muốn setup CKeditor, ví như project của khách hàng chưa tồn tại jQuery, thì hãy thiết lập về tại đây:jQuery-3.5.0.min.js

Cách 3: Add CKeditor với CKFinder đang cài vào Header website

Trước lúc muốn cnhát trình biên soạn thảo vào nơi mong muốn hiện tại, các bạn cần phải add tệp tin tlỗi viện vào bằng phương pháp cnhát những đoạn code sau đây vào trước thẻ


Trong trường vừa lòng project của bạn đã có tích thích hợp jQuery rồi thì mẫu đầu tiên rất có thể bỏ qua.

*

Bước 4: Chèn CKEditor

CKEditor được tích vừa lòng trải qua thẻtextarea, textarea là 1 trong một số loại đầu vào trong size chất nhận được nhập dữ liệu vào sinh sống dạng văn bản. Hãy đặt id cho textarea mà bạn có nhu cầu tích phù hợp CKEditor, kế tiếp tức thì bên dưới là đoạn script nhằm cyếu CKeditor:

Trong đoạn code trên “earlsdaughter.com_com” đó là id của textarea, vào ngôi trường đúng theo mong mỏi đặt các form biên soạn thảo trên một trang web, hãy đặt id các textarea khác biệt nhé.

Xem thêm: Công Bố Top 10 Trường Đại Học Tốt Nhất Ở Việt Nam Mà Bạn Nên Theo Học

*

Sau Khi xong những đoạn code như bên trên, chạy demo trang web những các bạn sẽ thấy kết quả nhỏng hình dưới đây:

*

do vậy, chúng ta đã chèn thành dự án công trình biên soạn thảo CKEditor 4 vào trang web. Vì earlsdaughter.com tích hợp sẵn CKfinder vào phiên bản này, chính vì như vậy những bạn đã sở hữu thể upload hình hình ảnh bằng cách bấm vào nút ít cyếu hình

*

Sau Khi clichồng vào nút cyếu hình, hộp thoại hình hình họa đang xuất hiện, đã bao gồm sẵn Tab Upload để upload hình cùng nút ít Browse Server để cai quản hình hình ảnh (Nếu Ckeditor không tích hợp CKfinder sẽ không xuất hiện thêm 2 nút này)

*

*

*

Như vậy là đã kết thúc 99%, vậy còn 1% là gì nào?

Nlỗi các bạn đang thấy hình bên trên, tất cả xuất hiện loại chữ “This is a thử nghiệm version of CKFinder”. Điều này cũng chính vì chúng ta chưa tồn tại cài đặt key bản quyền đến CKFinder, ngoại giả bọn họ cũng cần phải setup đường truyền nhằm không file lúc upload lên, hai vấn mang lại này chúng ta có thể chỉnh sửa bên trên và một file, kia chính là file:ckeditor/ckfinder/config.php


trước hết, chúng ta kiểm soát và điều chỉnh thỏng mục cất file trước nhé, các bạn kéo xuống tới đoạnBackends, kế tiếp biến đổi đường truyền cất tệp tin trên mục'baseUrl'. Đồng thời, các bạn hãy tạo một thư mục cùng với thương hiệu khớp ứng bên trên hosting, và lưu giữ hãy Chgian lận thanh lịch 777 để phân quyền có thể upload lên tlỗi mục này nhé.

*

Tiếp theo, các bạn kèo tới đoạnLicense Key nhằm thực hiện tải key phiên bản quyền cho CKfinder.

Cách để lấy key bạn dạng quyền: CLiông chồng vào link tôi đã gồm ghi crúc sẵn, sau khi rước được key thì nên điền vào bên (hình bản thân họa mặt dưới)

*

OK. vì thế sắp tới thì chúng ta vẫn hoàn thành bài toán chèn khung biên soạn thảo phổ biến tuyệt nhất thể giới CKEditor gồm tích hợp sẵn trình thống trị upload file CKfinder vào trang web.

Cảm ơn chúng ta sẽ quan tâm quan sát và theo dõi bài viết, nếu như gồm vướng mắc về cách làm cho hãy chớ mắc cỡ bình luận bên dưới nhé.

Bạn đã coi nội dung bài viết trên phân mục Front End / HTML / CSS / JS của Website Trung Trịnh. Nếu thấy có ích, hãy bnóng lượt thích và share nhằm share đến phần đa bạn cùng coi nhé!