Top 10 Jquery HTML5 WYSIWYG Plugins Editor

QLamXmaster
QLamXmaster
Tuesday, August 15, 2017

Link Source: Top 10 Jquery HTML5 WYSIWYG Plugins Editor
Thể loại: Javascript, Lập trình
Tags: Công cụ, Designer, Internet, Lập trình, Thiết kế web

Top 10 Jquery HTML5 WYSIWYG Plugins Editor


Top 10 Jquery HTML5 WYSIWYG Plugins Editor mới nhất, nhẹ nhất, tốt nhất.


Trình soạn thảo WYSIWYG HTML5 (Những gì bạn nhìn thấy là những gì bạn nhận) luôn có nhu cầu cao cho ai cần soạn thảo bài viết như MS word thay vì dùng ngôn ngữ html trên website. Nhưng hiện nay có rất nhiều plugin, làm sao tìm ra những plugin nào tốt nhất. Trong bài này, tôi sẽ trình bày top 10 plugin tốt nhất dùng jQuery và HTML5 WYSIWYG editor, giúp bạn tiết kiệm thời gian tìm kiếm plugin phù hợp với nhu cầu của bạn.


1. Froala


Froala


Froala WYSIWYG HTML Editor rất dễ tích hợp và sử dụng. Nó đòi hỏi kiến thức mã hóa tối thiểu. Nó đòi hỏi jQuery 1.11.0 hoặc cao hơn và phông chữ có tên Font Awesome 4.4.0. Kết hợp với tất cả các tính năng UI và UX nó có, nó cũng đi kèm với một cơ chế phòng thủ mạnh mẽ chống lại các cuộc tấn công XSS.


English
Froala WYSIWYG HTML Editor is easy to integrate and to use. It requires minimal coding knowledge. It requires jQuery 1.11.0 or higher and the iconic font named Font Awesome 4.4.0 . In combination with all the UI and UX features it has, it also comes with a strong defence mechanism against XSS attacks.

Highlights – đáng chú ý


  • 34 KB gzipped

  • Inline editing

  • Keyboard shortcuts are available

  • Requires basic HTML and JavaScript knowledge

  • Dark and light theme (can be customised by editing LESS file)

  • Optimised for mobile

  • MS-Word friendly

  • 34 languages are supported including RTL(Right To Left) support

2. ContentTools


ContentTools


ContentTools là một trình biên tập nội dung nhỏ và đẹp. Thư viện không sử dụng bất kỳ framework JavaScript hoặc thư viện (thậm chí không jQuery) mà dùng thư viện tự tạo của họ. Gói ContentTools được tạo thành từ 5 thư viện, mỗi thư viện có thể được sử dụng độc lập. Nó được thiết kế để dễ dàng mở rộng.


English
ContentTools is a small and beautiful content editor. The library doesn’t use any JavaScript framework or library (not even jQuery) but plays nicely with any of them. The ContentTools package is made up of 5 libraries, each of which can be used independently. It’s designed to be easy to extend.

Highlights


  • 49 KB gzipped

  • Inline editing

  • Resizing images and videos

  • supports undo/redo

3. Raptor Editor


Raptor


Raptor Editor là trình chỉnh sửa HTML WYSIWYG mã nguồn mở được thiết kế để người dùng thân thiện và dễ dàng tích hợp và tùy chỉnh. Nó được thiết kế để chỉnh sửa nội tuyến inline editing và lý tưởng cho bố cục đa khối phức tạp. Nó sử dụng các công nghệ mới nhất bao gồm các tính năng HTML5 ContentEditable và jQuery bao gồm các kiểm tra đơn vị được xây dựng và một cơ sở mã mở rộng mô đun, và API plugin.


English
Raptor Editor is an open source JavaScript WYSIWYG HTML editor designed to be user-friendly and easy to integrate and customise. It is designed for inline editing and is ideal for complex multi-block layouts. It uses the latest technologies including HTML5 ContentEditable and jQuery features including built-in unit tests and a modular, extensible code base and plugin API.

Highlights


  • Inline editing support

  • Flexible docking options

  • Customisable theme

  • Well documented

4. Aloha


Aloha


Aloha Editor là một thư viện chỉnh sửa nội dung đa chức năng. Nó cho phép bạn tạo trải nghiệm chỉnh sửa được nhúng liền mạch trong ứng dụng web của bạn. Nhưng vẫn không hỗ trợ chèn hình ảnh.


English
Aloha Editor is a functional content editing library. It allows you to create editing experiences embedded seamlessly in your web application. The major con is that it still doesn’t support image insertion.

Highlights


  • 142KB size

  • MS-Word friendly

  • Cross browser compatibility

  • Customisable

5. TinyMCE


TinyMCE


TinyMCE là một nền tảng dựa trên web độc lập dựa trên mã JavaScript WYSIWYG. Nó cho phép bạn chuyển đổi định dạng soạn thảo đơn giản như MS Word sang ngôn ngữ html. Bạn có thể tải lên và quản lý các tệp trên Microsoft Azure, Google Drive, Amazon S3, DropBox và hơn thế nữa. Nó tuân theo đặc tả WAI-ARIA, làm cho nó tương thích với các trình đọc màn hình như JAWS và NVDA. Trình editor này dùng rộng rãi trong doanh nghiệp.


English
TinyMCE is a platform independent web-based JavaScript HTML WYSIWYG. It enables you to convert HTML textarea fields or other HTML elements to editor instances. You can upload and manage files on Microsoft Azure, Google Drive, Amazon S3, DropBox and more. It follows the WAI-ARIA specification, making it compatible with screen readers such as JAWS and NVDA. There is also an enterprise solution in which you get prioritized support.

Highlights


  • Live media embedding

  • Built-in image editing

  • Spell check (enterprise)

  • MS-Word friendly

  • 40+ languages support

  • Robust Cross-Browser Performance


6. bootstrap3-wysiwyg


Bootstrap


Bootstrap3-wysiwyg là một plugin JavaScript giúp bạn dễ dàng tạo ra các trình biên tập WYSIWYG đơn giản, đẹp mắt với sự trợ giúp của wysihtml5 và Twitter Bootstrap.


English
bootstrap3-wysiwyg is a JavaScript plugin that makes it easy to create simple, beautiful WYSIWYG editors with the help of wysihtml5 and Twitter Bootstrap.[\toggle]

Highlights


  • 206 KB minified

  • RequireJS support

  • Custom template for toolbar

  • Custom themes are available

  • Exposes events like load and blur

7. Summernote


Summernote


Summernote là một trình soạn thảo văn bản dựa trên Bootstrap. Có nhiều chủ đề có sẵn cho nó và chúng được cung cấp bởi Bootswatch. Ngoài ra còn có một phiên bản được chuyển đổi sang Material theme mang tên MaterialNote


English
Summernote is a text editor based on Bootstrap. There are various themes available for it and they are powered by Bootswatch. There is also a version converted to Material theme named MaterialNote

Highlights


  • 80 KB JS+CSS

  • Supports Bootstrap 3.x.x

  • Can be easily integrated with Django, Rails or Angular

  • Easily customisable

  • CodeMirror integration

8. CKEditor


CKEditor


CKEditor là trình soạn thảo văn bản HTML để sử dụng được thiết kế để đơn giản hóa việc tạo nội dung web. Nó mang các tính năng xử lý văn bản thông thường vào các trang web của bạn.


English
CKEditor is a ready-to-use HTML text editor designed to simplify web content creation. It brings common word processor features directly to your web pages.

Highlights


  • Customised build using CKBuilder

  • MS Word friendly

  • Inline editing

  • Undo/redo support

  • RTL support

  • Supports around 60 languages

9. Trumbowyg


Trumbowyg


Trusmbowyg là nhẹ nhất của tất trong các biên tập viên editor được liệt kê ở đây. Mặc dù tất cả các trình soạn thảo WYSIWYG hiện có đều lớn hơn 45kB, Trumbowyg chỉ là 16 KB. Nó phụ thuộc vào jQuery> = 1.7.


English
Trusmbowyg is the lightest of all the editors listed here. While all existing WYSIWYG editors are larger than 45kB, Trumbowyg is only 16 KB . It depends on jQuery >= 1.7.

Highlights


  • Only 16 KB

  • 30+ Localisations

10. Redactor


Redactor


Redactor là một trình soạn thảo nhanh, mạnh mẽ và mở rộng với một đội ngũ hỗ trợ chất lượng. Trong 7 năm qua và đang được phát triển tích cực. Nó cũng tự động tải các hình ảnh lên Amazon S3.


English
Redactor is a fast, powerful and extendible editor with a quality support team. It has been around for the last 7 years and is under active development. It also automatically uploads the images to Amazon S3.

Highlights


  • 75 KB minified

  • Inline text editing

  • CodeMirror support

  • Drag and drop functionality for images

  • Since the editor is plugin-based, it can be easily extended.

Bài viết đã giới thiệu qua 10 jQuery and HTML5 WYSIWYG plugins tốt nhất. Plugin tốt hay không còn tùy thuộc vào việc sử dụng mà bạn chọn plugin hợp lý.



Link Source: Top 10 Jquery HTML5 WYSIWYG Plugins Editor
Comment