Công ty thiết kế website chuẩn SEO Web Mới
Tìm kiếm
Công ty thiết kế website chuẩn SEO Web Mới
Tham khảo bài viết Hướng dẫn cài đặt Ckeditor, Ckfinder để giúp cho trang web của bạn hoạt động hiệu quả hơn, Tìm hiểu về trình soạn thảo thịnh hành nhất hiện nay

Hướng dẫn cài đặt Ckeditor, Ckfinder

Hướng dẫn cài đặt Ckeditor, Ckfinder

Hướng dẫn cài đặt Ckeditor, Ckfinder

Mục Lục [Ẩn]


CKEditor là gì?

CKEditor là một trình soạn thảo văn bản HTML hỗ trợ người dùng trong việc soạn thảo văn bản HTML trong việc thiết kế website, Điểm nổi bật của CKEditor là đơn giản, nhẹ gọn mà đầy đủ chức năng, cài đặt dễ dàng, miễn phí.

Hướng dẫn tải Ckeditor

- Vào google gõ từ khóa download ckeditor, hoặc vào thẳng trang https://ckeditor.com/

- Thường vào google sẽ hiện nhiều version khác nhau, nhưng tốt nhất hãy tải bản mới và phải là bản đầy đủ, nên tốt nhất vào thẳng trang chủ của Ckediter để tải bản mới hiện hành, Tải bản thấp hơn vẫn được nhưng phải kiểm tra xem bản đó có bị lỗ hỏng bảo mật gì không, mấy bản lâu quá thì hạn chế sài.

Hướng dẫn cài đặt Ckeditor, Ckfinder

Rê chuột vào menu Ckeditor 5, sau đó nhấn nút Download, chú ý chổ menu Ckeditor 5 sẽ thay đổi tùy theo phiên bản hiện tại mới nhất mà trang chủ sẽ cho hiện ra.

Hướng dẫn cài đặt Ckeditor, Ckfinder

Chọn các tùy chọn và nhấn Download để tải về

Hướng dẫn cài đặt Ckeditor

Hướng dẫn cài đặt Ckeditor, Ckfinder

Sau khi tải về giải nén thì up thư mục ckeditor lên source web

Hướng dẫn cài đặt Ckeditor, Ckfinder

Nhúng file ckeditor.js vào head

<script src="ckeditor/ckeditor.js"></script>

Hướng dẫn cài đặt Ckeditor, Ckfinder

Ở thẻ html đặt class ckeditor là chạy được

Hướng dẫn cài đặt Ckeditor, Ckfinder

CKfinder là gì?

CKfinder là 1 trình quản lý file, nó cho phép chúng ta quản lý file, folder trên server, upload file từ client. Hiện tại nếu bạn chỉ sử dụng CKEditor thì chức năng upload ảnh từ client và chèn vào bài viết k sử dụng đc, bạn có thể thấy hình demo bên dưới.

Hướng dẫn cài đặt Ckeditor, Ckfinder

vì vậy chúng ta cần tích hợp CKfinder vào CKEditor để dễ dàng chèn ảnh vào bài viết 1 cách đơn giản, dễ sử dụng.

Hướng dẫn tải Ckfinder

- Vào link https://ckeditor.com/ckfinder/download/  hoặc vào google gõ download Ckfinder 

Hướng dẫn cài đặt Ckeditor, Ckfinder

Nhấn Download ZIP package tải về và giải nén, sau đó up thư mục ckfinder lên web

Hướng dẫn tích hợp Ckfinder vào Ckeditor

- Nhúng đoạn js vào thẻ head <script src="ckfinder/ckfinder.js"></script> 

- Vào file ckeditor/config.js để nhúng file ckfinder/ckfinder.php vào, ở đây ckfinder/ckfinder.html đã đổi thành ckfinder/ckfinder.php

Hướng dẫn cài đặt Ckeditor, Ckfinder

Để chọn thư mục lưu hình ảnh ckfinder/config.php

Hướng dẫn cài đặt Ckeditor, Ckfinder

Vào baseUrl của $config['backends'][] để đặt đường dẫn lưu hình, Sau khi cài đặt xong thì phần up hình sẽ hoạt động, tuy nhiên để sài bản chính thức thì phải có key

Hướng dẫn lấy key cho Ckfinder

- Để lấy được key ta vào trang https://ckfinder.sanvu88.net/ hoặc vào google gõ từ khóa get key Ckfinder online hoặc get licenseKey Ckfinder online, trên mạng có rất nhiều trang lấy key

Hướng dẫn cài đặt Ckeditor, Ckfinder

Chọn Version: 3.x.x, Nhập tên miền vào License Name, Nhấn Generate nhiều lần để lấy License Key

Hướng dẫn cài đặt Ckeditor, Ckfinder

Sau khi lấy key thì ta vào file ckfinder/config.php nhập licenseName và licenseKey vào, nếu key vẫn còn bản demo thì vào lại trang lúc nảy lấy lại key khác, sau khi chèn key xong thì thêm hình bình thường.

  • 0 Bình luận
CEO Bùi Tấn Lực
Bùi Tấn Lực
CEO Bùi Tấn Lực người sáng lập ra Web Mới, là một lập trình viên, người viết content, chuyên tư vấn các vấn đề về website và SEO website, quý khách hãy liên hệ để trao đổi thiết kế website
  • Zalo
người đánh giá
Nguyễn Thị Trinh - 07/08/2023
(5 Sao)
Bài viết hay
Chia sẻ nội dung đánh giá của bạn về Hướng dẫn cài đặt Ckeditor, Ckfinder
Email, Điện thoại 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 *
Đánh giá của bạn
Tên *
Email
Số điện thoại *
Bình luận, Hỏi đáp
Đăng ký tư vấn miễn phí
Tìm hiểu 1 năm không bằng lắng nghe 1 câu tư vấn
Tỉnh thành
THEO MẪU HIỆN TẠI CỦA WEB MỚI
THEO MẪU CÓ SẴN TRÊN WEB MỚI
3.000.000 VNĐ
Free Hosting, Tên miền năm đầu
Phù hợp với
  • Website giới thiệu doanh nghiệp trung bình, nhỏ
  • Website bán hàng phổ thông
  • Giao diện theo mẫu tuyệt đẹp
  • Thời gian triển khai nhanh chóng, sử dụng dễ dàng
Đã bao gồm
  • Chuẩn SEO, tốc độ load trang siêu nhanh
  • Phiên bản di động hoàn hảo
THEO YÊU CẦU GÓI CƠ BẢN
THEO YÊU CẦU GÓI CƠ BẢN
5.500.000 VNĐ
Free Hosting, Tên miền năm đầu
Phù hợp với
  • Website giới thiệu doanh nghiệp, kinh doanh nhỏ.
  • Yêu cầu giao diện độc đáo và độc quyền.
  • Công nghệ hiện đại, smooth loading, tốc độ tải nhanh, hiệu quả trong kinh doanh.
Đã bao gồm
  • Chuẩn SEO, tốc độ load trang siêu nhanh
  • Phiên bản di động hoàn hảo
  • Support mãi mãi
CHUYÊN SÂU
CHUYÊN SÂU
15.000.000 VNĐ
Free Hosting, Tên miền năm đầu
Phù hợp với
  • Các website có lượt truy cấp lớn cần đạt tốc độ tối ưu dữ liệu cao.
  • Webservice, webApi, web tương tác với bên thứ 3
  • Các website tin tức, community với tốc độ load tối ưu
  • Thời gian triển khai nhanh chóng, sử dụng dễ dàng
Đã bao gồm
  • Chuyên gia tiếp cận và phân tích yêu cầu
  • Tư vấn, đệ trình giải pháp giải quyết yêu cầu
  • Tư vấn giải pháp phát triển website hậu xây dựng
ENTERPRISE
ENTERPRISE
LIÊN HỆ
Free Hosting, Tên miền năm đầu
Phù hợp với
  • Các website có công nghệ đặc biệt, mạng xã hội, xử lý ảnh/videos
  • Các startup sáng lập
  • Các website tài chính, đồng coin, Website Quản lý hệ thống
  • Website tích hợp công cụ quản lý kinh doanh
Đã bao gồm
  • Chuyên gia tiếp cận và phân tích yêu cầu
  • Tư vấn, đệ trình giải pháp giải quyết yêu cầu
  • Tư vấn giải pháp phát triển website hậu xây dựng
Báo giá nhanh
  • Cơ bản
  • Nâng cao
  • Chuyên nghiệp
  • Yêu cầu thêm(lẻ)
Giá tổng: 0 VNĐ
Nhập thông tin báo giá nhanh
captcha Reload
Các lý do nên thiết kế website tại WEB MỚI
  • Khai báo Analytics, Master tool, Sitemap, Bing, Yandex
  • Link website chuẩn seo, Tối ưu cấu trúc BreadcrumbList
  • Hướng dẫn viết Content chuẩn SEO, Tạo Mục Lục bài viết
  • Tối ưu hóa SEO, Js, Css, Img, Load Lazy nhẹ web
  • Hỗ trợ nhiệt tình, làm việc với kỹ thuật đầy kinh nghiệm
  • Code tay PHP theo yêu cầu, SEO tốt, google speed trên 80
Hơn 1000 khách hàng thân thiết tại Web Mới
Website khách hàng phát triển - Thì mình mới phát triển
Đối tác Nam Phát Bao Bì thiết kế website bên Web Mới Đối tác Đồng Truyền Thống thiết kế website bên Web Mới Đối tác Hội doanh nghiệp Tân Bình thiết kế website bên Web Mới Đối tác MC2 Group Audio, Thiết bị âm thanh thiết kế website bên Web Mới Đối tác HCV -  Chuyên Thiết bị Thông Minh thiết kế website bên Web Mới Đối tác Quang Đông Bàn ghế giả mây thiết kế website bên Web Mới
0398.259.259