Hướng dẫn ckeditor php
|
Ckeditor là trình soạn thảo trên Website nổi tiếng và được nhiều người dùng sử dụng nhất hiện nay, tuy nhiên rất nhiều lập trình viên gặp khó khăn khi tích hợp chúng vào Website, vì vậy trong bài viết này vncodeer.vn sẽ hướng dẫn chi tiết cách tích hợp Ckeditor vào website
Show
Ckeditor là trình soạn thảo trên Website nổi tiếng và được nhiều người dùng sử dụng nhất hiện nay, tuy nhiên rất nhiều lập trình viên gặp khó khăn khi tích hợp chúng vào Website, vì vậy trong bài viết này vncoder.vn sẽ hướng dẫn chi tiết cách tích hợp Ckeditor vào website. 1) Tải Ckeditor- Truy cập vào địa chỉ dowload ckeditor http://ckeditor.com/download Giao diện download ckeditor
- Có thể click vào “Compare packages” để xem các plugin đã được cài theo các gói cấu hình tương ứng. 2) Cài đặt CKEditor trong- Giải nén tập tin vừa download, được thư mục ckeditor, di chuyển thư mục này vào thư mục web của bạn. (Đặt thư mục ở vị trí thích hợp, đường dẫn sẽ khai báo sau)
Chú ý: Thay đường dẫn đến file ckeditor.js tương ứng với đường dẫn tại thư mục web của bạn.
- Dùng javascript, thay thế textarea bên trên bằng editor. Giá trị editor1 ở đây chính là giá trị của thuộc tính id đặt bên trên.
Đoạn mã hoàn chỉnh
3) Kết luậnTrên đây là toàn bộ hướng dẫn của vncoder.vn về cách tích hợp trình soạn thảo CKEditor vào website. Hy vọng bài viết sẽ giúp ích cho bạn. Chúc bạn thành công!. Có thể bạn quan tâm4) Tài liệu tham khảo
5) Xem thêm
Tiếp tục chuỗi seri tạo website bằng php, bài viết hôm nay mình sẽ hướng dẫn các bạn cách cài đặt ckeditor và tích hợp ckeditor vào php, cụ thể ở đây là chức năng thêm bài viết Mục lục
Giới thiệu về ckeditor
Cài đặt ckeditorĐể tích hợp ckeditor vào php, việc đầu tiên chúng ta cần phải download gói thư viện ckeditor về máy tính. Các bước thực hiện như sau : 1. Truy cập vào địa chỉ download ckeditor sẽ thấy như hình dưới 2. Tại đây có nhiều gói cài đặt ckeditor bao gồm:
Trong phạm vi bài viết này, mình sẽ chọn gói Standard Package, rồi ấn nút Download. Sau khi download file zip về máy, chúng ta sẽ được file ckeditor_4.6.2_standard.zip, bạn giải nén file này ra sẽ được thư mục ckeditor, sau đó copy toàn bộ thư mục này và bỏ vào đường dẫn website của chúng ta website/admin/ckeditor Tích hợp ckeditor vào php – trang thêm bài viếtỞ bài 5 : Hướng dẫn tạo trang thêm bài viết, mình có hướng dẫn các bạn tạo trang Thêm bài viết bằng thẻ Đầu tiên, bạn tạo giúp mình một file mới đặt tên là them-bai-viet-ck.php và bỏ vào thư mục admin như sau : Các bạn tiếp tục copy nguyên toàn bộ nội dung của trang them-bai-viet.php rồi paste vào trang them-bai-viet-ck.php, lúc này trang them-bai-viet-ck.php có nội dung :
Tiếp theo chúng ta sẽ thực hiện chỉnh sửa lại file them-bai-viet-ck.php để có thể tích hợp được ckeditor vào chức năng thêm bài viết. Các bạn mở file header.php trong thư mục admin/includes , thêm đường dẫn này vào bên trong thẻ và lưu lại.Khi đó nội dung file header.php sẽ là Header...2. Chỉnh sửa file them-bai-viet-ck.php Đổi giá trị name và id của thẻ từ “content” thành tên và id mới “post_content”. Gắn đoạn code ckeditor để hiến hành tích hợp như sau Sửa lại giá trị post vào để query có thể hiểu, sửa $_POST[“content”] thành $_POST[“post_content”] như sau $content = $_POST["post_content"]; Lúc này toàn bộ nội dung file them-bai-viet-ck.php sẽ là : Giờ thì chúng ta đăng nhập vào website bằng chức năng đăng nhập ở bài cũ với quyền admin (permission > 0 là admin, nếu quên, bạn tham khảo lại bài trước Tạo phân quyền cho website php). Tiếp đến, sau khi đăng nhập, truy cập vào đường dẫn sau : localhost/website/admin/them-bai-viet-ck.php các bạn sẽ thấy giao diện trang Thêm bài viết mới đã được tích hợp ckeditor vào, sau đó bạn điền thông tin cần thiết là tiêu đề, nội dung, is_public như hình dưới rồi ấn nút Thêm bài viết sẽ thấy dữ liệu được lưu vào database không khác gì trang Thêm bài viết cũ, nhưng lúc này dữ liệu đã được định dạng lại theo trình soạn thảo ckeditor, rất đẹp và bắt mắt. Lúc này, Ở trang hiển thị bài viết sẽ hiển thị như sau Vậy là chúng đã đã xong phần tích hợp ckeditor vào php một cách dễ dàng rồi 🙂 Tổng kếtVậy là mình đã hướng dẫn xong các bạn cách tích hợp ckeditor vào php mà điển hình ở đây đó là chức năng Thêm bài viết. ckeditor là một bộ công cụ soạn thảo mạnh mẽ và vô cùng tiện lợi, giúp cho việc canh chỉnh, format dữ liệu đầu vào của chúng ta được tốt hơn. Có bất kỳ thắc mắc nào về phần này, để lại bình luận bên dưới mình sẽ giải đáp Thân ! Mình là Hiếu. ►Nếu bạn thấy bài viết bạn đang đọc hữu ích, hãy mời mình một ly cafe nhé : https://kungfuphp.com/donate Bài Viết Liên QuanQuảng CáoCó thể bạn quan tâmToplist được quan tâmQuảng cáoXem NhiềuQuảng cáoQuảng CáoChúng tôiTrợ giúp
Bản quyền © 2021 Học Tốt Inc.
|
