Froala Editor trong XenForo 2 là
một bước tiến lớn về trải nghiệm soạn thảo, vượt xa editor cũ của XenForo 1 cả về giao diện, hiệu năng, khả năng tùy biến và tính năng hiện đại. Điều này góp phần nâng tầm trải nghiệm người dùng diễn đàn và giúp quản trị viên dễ dàng hơn trong việc kiểm soát nội dung.
Froala Editor là một
WYSIWYG rich text editor JavaScript mạnh mẽ, được thiết kế để tích hợp dễ dàng vào các ứng dụng web. Được phát triển bởi Froala Labs (hiện thuộc sở hữu của Idera, Inc.), editor này nổi bật bởi hiệu năng cao, giao diện hiện đại và API thân thiện với developer. Trong môi trường XenForo 2, Froala cung cấp trải nghiệm soạn thảo tinh tế và linh hoạt.
Những điểm mới nổi bật trong phiên bản 4.2.1
Phiên bản
4.2.1 đánh dấu một bước tiến đáng kể với nhiều bản sửa lỗi và cải thiện trải nghiệm người dùng–developer. Theo Froala changelog, các điểm nổi bật bao gồm:
- Sửa lỗi khi editor bỏ qua các thẻ khoảng trắng (tab spaces) ban đầu.
- Khắc phục vấn đề với thao tác cắt nội dung đa dòng trong chế độ “Track Changes”.
- Sửa lỗi màu nền không bị xóa khi dùng nút delete trong bảng chọn màu.
- Giữ định dạng font khi dùng tab bên trong hàng của bảng.
- Fix hiện tượng editor “nhảy” khi chỉnh sửa nội dung lớn ở chế độ iframe.
- Khắc phục lỗi ở chức năng Track Changes khi xóa nội dung.
- Duy trì lựa chọn font-family và font-size khi xóa toàn bộ nội dung.
- Sửa lỗi plugin đếm từ (Word Counter) hoạt động không chính xác với cấu hình “wordCounterMax”.
- Cập nhật type definitions cho Word Counter, giúp TypeScript hoạt động trơn tru hơn.
- Fix lỗi danh sách đánh số (ordered list) không tiếp tục liền mạch.
Bên cạnh đó, blog chính thức của Froala cũng nhấn mạnh các cải tiến cho
plugin Word Counter, hỗ trợ cấu hình kiểu dữ liệu rõ ràng (type definitions), và thêm các tùy chọn API như
fontFamilyDefaultSelection,
fontSizeDefaultSelection, cùng khả năng giữ nguyên khoảng cách tab (preserveTabSpaces) và cải thiện chức năng Track Changes.
Tóm tắt các điểm nổi bật
| Mục | Nội dung |
|---|
| Ngày phát hành | 14/6/2024 |
| Sửa lỗi chính | Khoảng trắng tab, Track Changes, định dạng font, iframe, Word Counter… |
| Tính năng mới/cải tiến | TypeScript types, Word Counter nâng cao, preserveTabSpaces, font default API… |
| Liên quan XenForo | Cải thiện trải nghiệm soạn thảo, tăng độ ổn định và an toàn |
Liên hệ với XenForo 2
Mặc dù không có tài liệu chính thức nào cho thấy XenForo 2 liên tục cập nhật tất cả các bản Froala, nhưng nhiều thông tin ghi nhận việc XenForo từng tích hợp
Froala Editor v3.x và sau đó nâng cấp theo tiến trình từ phía Froala—như từ bản 3.2 với Image Manager, sau này có thể đã đi theo phiên bản 4.x tiên tiến hơn. Do vậy, khi XenForo 2 sử dụng Froala v4.2.1, nền tảng đã kế thừa tất cả các cải tiến an toàn, tương thích và linh hoạt từ bản Froala này.
Ưu và Nhược điểm của Froala Editor
Ưu điểm
| Ưu điểm | Mô tả |
|---|
| Giao diện hiện đại, thân thiện | Giao diện người dùng của Froala rất gọn gàng, đẹp mắt, tương thích với cả desktop lẫn mobile. |
| Hiệu năng cao | Tốc độ tải nhanh, tối ưu hóa cho các ứng dụng có yêu cầu hiệu suất cao. |
| Khả năng tùy biến mạnh mẽ | Cung cấp hàng trăm tùy chọn cấu hình, plugin và API giúp tùy chỉnh sâu theo nhu cầu. |
| Tích hợp dễ dàng | Hỗ trợ framework phổ biến như React, Angular, Vue, cũng như tích hợp đơn giản với backend PHP, .NET, Rails... |
| Hỗ trợ TypeScript | Cung cấp type definitions rõ ràng, phù hợp với các dự án hiện đại sử dụng TypeScript. |
| Track Changes & Collaboration | Hỗ trợ tính năng so sánh, theo dõi thay đổi văn bản—hiếm thấy ở các editor WYSIWYG khác. |
| Bảo mật cao | Xử lý nội dung HTML một cách an toàn, tránh XSS và các lỗ hổng phổ biến. |
Nhược điểm
| Nhược điểm | Mô tả |
|---|
| Chi phí sử dụng cao | Froala là phần mềm thương mại, giấy phép sử dụng (license) có giá cao hơn nhiều editor mã nguồn mở như TinyMCE hay CKEditor (free edition). |
| Tài liệu đôi khi thiếu chi tiết | Một số API hoặc lỗi cụ thể không được tài liệu chính thức giải thích kỹ. |
| Hạn chế tùy biến UI sâu | Việc chỉnh sửa giao diện chi tiết (như icon riêng, bố cục toolbar) đòi hỏi can thiệp sâu hoặc viết lại component. |
| Không mã nguồn mở hoàn toàn | Dù có thể truy cập source code khi mua license, Froala không phải là dự án mã nguồn mở cộng đồng (open source) thực thụ. |
So sánh: Froala Editor (XenForo 2) vs Editor cũ của XenForo 1
| Tiêu chí | Editor XenForo 1 (Redactor / Custom BBCode Editor) | Froala Editor (XenForo 2) |
|---|
| Công nghệ nền | Redactor Editor hoặc một số thành phần BBCode Editor được chỉnh sửa riêng. | Froala Editor – WYSIWYG hiện đại viết bằng JavaScript thuần. |
| Giao diện người dùng | Cơ bản, đơn giản, ít tùy chọn. | Giao diện hiện đại, thân thiện, dễ sử dụng, hỗ trợ cả mobile. |
| Hiển thị BBCode / HTML | Chủ yếu hiển thị BBCode; ít hỗ trợ HTML trực quan. | WYSIWYG hoàn chỉnh; hỗ trợ cả BBCode, HTML, và rich text. |
| Tùy biến | Giới hạn, khó can thiệp sâu nếu không can chỉnh code lõi. | Cấu hình rất linh hoạt qua API và plugin, hỗ trợ mở rộng dễ dàng. |
| Hỗ trợ plugin mở rộng | Rất hạn chế, ít plugin chính thức. | Nhiều plugin có sẵn (ex: Track Changes, Word Counter, Image Manager...). |
| Tính năng hiện đại | Không hỗ trợ tính năng nâng cao như đếm từ, theo dõi thay đổi. | Có các tính năng cao cấp như Track Changes, giữ định dạng khi xóa, undo nâng cao. |
| Hiệu năng và bảo mật | Cơ bản, dễ bị lỗi nếu BBCode sai cấu trúc. | Bảo mật tốt hơn, xử lý HTML/XSS chuyên nghiệp hơn. |
Froala Editor v4.2.1 là một bản nâng cấp đáng giá, không chỉ sửa lỗi mà còn mang lại nhiều tính năng mới và trải nghiệm soạn thảo chuyên nghiệp. Khi được tích hợp vào XenForo 2, nó trở thành một công cụ lý tưởng cho người dùng và quản trị viên diễn đàn hiện đại.
Silzedt
