Tích hợp CKEditor 5 vào NukeViet
- Chủ nhật - 03/03/2024 20:52
- In ra
- Đóng cửa sổ này
CKEditor 4 đã kết thúc vòng đời vào năm 2023, hiện tại đội code đã hoàn thành tích hợp CKEditor 5 vào các dòng phiên bản NukeViet 4.5, 4.6.
Khi cài đặt NukeViet 4.5, mặc định trình soạn thảo vẫn là CKEditor 4, tuy nhiên quản trị có thể bật sử dụng CKEditor 5 tại menu Tài khoản > Quản trị > Sửa tài khoản quản trị, chọn ckeditor5-classic tại mục Trình soạn thảo. So sánh trình soạn thảo phiên bản 4 và 5 như sau:
Thuận lợi, tính năng hay
- Chuyên nghiệp hơn, được tiếp tục cập nhật trong tương lai
- Hỗ trợ định dạng tự động markdown ví dụ gõ # Tiêu đề nó sẽ chuyển thành H1, gõ **nội dung** nó sẽ chuyển thành in đậm...
- Soạn thảo tốc độ và thú vị hơn. Ví dụ: Nhấp chuột vào đối tượng nào thì công cụ của đối tượng đó được hiển thị ngay vị trí đó, giả sử nhấp vào liên kết thì có nút sửa liên kết ngay vị trí con chuột. Nhấp vào ảnh thì công cụ căn ảnh, đổi chú thích nổi lên ngay.
- Hỗ trợ kéo thả thay đổi kích thước ảnh.
- Dùng CSS của trang hiện tại để hiển thị nội dung định dạng, kết quả sẽ sát hơn so với thực tế.
- Công cụ chèn và quản lý bảng tối ưu hơn.
- Chèn và sửa ảnh chỉ bằng 1 thao tác upload trực tiếp.
- Chỉnh sửa table có thể kéo thả và hiển thị không bị vỡ giao diện như CKEditor 4
- Bôi đen một đoạt text, dán link vào nó sẽ tự chuyển thành liên kết
- Dán link của ảnh vào nó sẽ tự chèn thành ảnh
Tính năng hay nhưng không sử dụng
- Chèn video Youtube, Facebook, Spotify, Instagram, Vimeo, Twitter, Dailymotion; chèn liên kết Google Maps, Flickr chỉ bằng cách copy và dán link vào trình soạn thảo. Nguyên nhân: Yêu cầu dùng các thành phần khác để xử lý như Iframely, Embedly. Trong tương lai có thể nghiên cứu viết lại plugin Iframe, Video, Docviewer trở lại
Hạn chế (tính năng bị mất)
- Mất các tính năng: Tẩy link ngoài, chèn iframe, chèn tài liệu từ Google Docs hoặc Microsoft Office, lấy ảnh về máy chủ, mẫu dựng sẵn.
- Mất tính năng tạo và chỉnh sửa đặt chỗ. Có thể dùng link bình thường để thay thế tuy nhiên không xem và quản lý được như cũ.
- Mất tính năng chèn biểu thức toán học.
- Mất tính năng chèn biểu tượng cảm xúc. Tuy nhiên có thể dùng công cụ của trình soạn thảo để chèn, trên di động thì bàn phím có sẵn.
Một số vấn đề khi edit một bài viết trước đây của CKEditor 4 trên CKEditor 5
- Phải định dạng lại ảnh, vì template dùng cho ảnh không tương thích. Việc hiển thị ngoài site không ảnh hưởng.