Share Tích hợp trình soạn thảo nội dung Froala Editor vào website

[filiallion]

Language

Tiếng Việt

Trước đây tôi đã giới thiệu với các bạn trình soạn thảo nội dung chuyên nghiệp TinyMCE ở bài viết "Tích hợp trình soạn thảo văn bản TinyMCE vào website". Bài viết này tôi sẽ hướng dẫn các bạn tích hợp trình soạn thảo nội dung Froala Editor vào website. Trình soạn thảo Froala Editor là một trong những trình soạn thảo nội dung được sử dụng nhiều nhất hiện nay, với nhiều tính năng cao cấp cùng với giao diện được thiết kế hiện đại giúp cho người sử dụng dễ dàng thao tác.

Trình soạn thảo nội dung Froala Editor có đầy đủ các tính năng cần thiết, đặc biệt trong số đó chính là tính năng tải lên hình ảnh để chèn vào nội dung. Đây là một tính năng mà phần lớn các trình soạn thảo khác không cung cấp mặc định. Trình soạn thảo Froala Editor còn hỗ trợ tính năng inline và hiển thị toàn màn hình giúp ích rất nhiều cho việc soạn thảo nội dung.

Để sử dụng trình soạn thảo nội dung Froala Editor cũng rất đơn giản, các bạn chỉ việc tải thư viện về tại địa chỉ https://www.froala.com/wysiwyg-editor/download và tích hợp vào website như sau:

<link href="path/to/froala_editor.pkgd.min.css" rel="stylesheet">
<script src="path/to/froala_editor.pkgd.min.js"></script>

Các bạn tạo một textarea để áp dụng trình soạn thảo nội dung Froala Editor như sau:

<textarea id="froala-editor"></textarea>

Bây giờ, các bạn cài đặt trình soạn thảo nội dung Froala Editor với mã lệnh JavaScript như sau:

var froalaEditor = new FroalaEditor('#froala-editor');

Các bạn có thể xem tất cả các demo của trình soạn thảo nội dung Froala Editor tại địa chỉ https://www.froala.com/wysiwyg-editor/examples và tài liệu hướng dẫn tích hợp, cấu hình tại địa chỉ https://www.froala.com/wysiwyg-editor/docs.