Top 10 Jquery HTML5 WYSIWYG Plugins Editor

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 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 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 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 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 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

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 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 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

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 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

Xem Tiếp

Naruto Ninja Battle v4 - Naruto Konoha Legends Mugen

Link Source: Naruto Ninja Battle v4 - Naruto Konoha Legends Mugen
Thể loại: Game PC
Tags: Đấu võ, Games, Hành động

Naruto Konoha Legends Mugen – Naruto Ninja Battle v4

Naruto Konoha Legends – Naruto Ninja Battle v4 là game đấu võ trên nền mugen engine. Naruto là loạt manga Nhật Bản bằng văn bản và minh họa bởi tác giả Kishimoto Masashi, đã được dựng thành anime (phim hoạt hình Nhật). Trong game này có hàng loạt các nhân vật trong các tập cuối của truyện Naruto shippuuden.

► Naruto MUGEN FULL GAME | Version M.U.G.E.N 1.1, Resolution 1280×720

Các hình ảnh trong game Naruto Konoha Legends – Naruto Ninja Battle v4

Gameplay and download on the website of the game Naruto Konoha Legends (Naruto Ninja Battle V4 by TrafalgarLawzz), Made based of checking engine M.U.G.E.N, in good old Beat´em up style.

Info: 98 Charaters, 47 Stages, Strength of character balance, All characters are of good quality and more special

Cấu hình

Hệ điều hành: Microsoft® Windows® 7, 8, 10

– Bất kỳ hiện đại PC

– Hard disk space: 3.74 GB

– Âm thanh: DirectX 9.0c tương thích card âm thanh

– Quản lý: bàn phím (gamepad)

Video Naruto Konoha Legends – Naruto Ninja Battle v4

Hướng dẫn cài đặt:

1. Tải về và Giải nén

2. Chạy file .exe

3. Fullscreen game nhấn Alt + Enter

Moveset: Phím chiêu

=============================================

– Player 1 Scroll Keys: W,S,A,D – Attack Keys: J,K,L

– Player 2 Scroll Keys: ↑,↓,→,← – Attack Keys: Numpad 1, 2, 3

=============================================

– Combo 1: Player 1: J, Player 2: Numpad 1

– Combo 2: Player 1: K, Player 2: Numpad 2

– Combo 3: Player 1: L, Player 2: Numpad 3

=============================================

– Power Charge: Player 1: P, Player 2: Numpad 0

– Susanoo/Bijuu: Player 1: ↓ + P , Player 2: ↓ + Numpad 0

=============================================

– SPECIAL 1: Player 1: ↓→ + J , Player 2: ↓→ + Numpad 1

– SPECIAL 2: Player 1: ↓→ + K , Player 2: ↓→ + Numpad 2

– SPECIAL 3: Player 1: ↓→ + L , Player 2: ↓→ + Numpad 3

– SPEICAL 4: Player 1: ↓← + J , Player 2: ↓← + Numpad 1

– SPEICIAL 5: Player 1: ↓← + K , Player 2: ↓← + Numpad 2

– SPECIAL 6: Player 1: ↓← + L , Player 2: ↓← + Numpad 3

– Super SPECIAL 1: Player 1: ↓ + J , Player 2: ↓ + Numpad 1

– Super SPECIAL 2: Player 1: ↓ + K , Player 2: ↓ + Numpad 2

– Super SPECIAL 3: Player 1: ↓ + L , Player 2: ↓ + Numpad 3

=============================================

Credits:

– Chars by: Mikel8888, CobraG6, Monkey D. Yomi, Mugen DZ Team #Shingeki, Bills Dios, Shadow Mercer, Akashi Mugen, SMW, InSeph, Orochimaru Sama

– Stages by: Mikel8888

– Original Screenpack by: Roken

Download Naruto Konoha Legends – Naruto Ninja Battle v4

Link Source: Naruto Ninja Battle v4 - Naruto Konoha Legends Mugen

Xem Tiếp