10 best jQuery and HTML5 Rich Text Editors

Here is a list of 10 best jQuery and HTML5 Rich Text Editors (RTE). They are all free, easy to use, and with great functionalities. Enjoy. HTML5 WYSIWYG (What You See Is What You Get) is all the rage now! But there is now so many of them around it’s hard to find the best ones.

1 – TinyEditor

TinyEditor is a simple JavaScript WYSIWYG editor that is both lightweight (under 9KB) and standalone. It can easily be customized to integrate with any website through CSS and the multitude of parameters. It handles most of the basic formatting needs and has some functionality built in to help keep the rendered markup as clean as possible. The icons are courtesy of famfamfam and have been combined into a sprite so there are only a few HTTP requests for the editor.

SourceDemo

2. – Aloha Editor – HTML5 WYSIWYG Editor

Source + Demo

3. – jQuery TE

jQuery TE is a jQuery plugin. It is a lightweight (19.5 KB) and very useful HTML editor. And it works with WYSIWYG model. Most importantly, it can be integrated into your system in 1 minute. And you can modify it as you want in terms of interface. Even you can change the css classes.

Source + Demo

4. – Yahoo Rich Text Editor(non-jQuery)

YUI 2 is a JavaScript and CSS library with more than 30 unique components including low-level DOM utilities and high-level user-interface widgets. Currently, at version 2.9.0, YUI 2 is robust proven, time-tested, and extensively documented.

Source + Demo

5.- editor(non-jQuery)

Source + Demo

6. – CLEditor

It is an open source jQuery plugin which provides a lightweight, full featured, cross browser, extensible, WYSIWYG HTML editor that can be easily added to any website.

Source + Demo

7.- bootstrap-wysihtml5

bootstrap-wysihtml5 is a javascript plugin that makes it easy to create simple, beautiful wysiwyg editors with the help of wysihtml5 and Twitter Bootstrap

Source + Demo

8. – Maqetta

It is an open source project that provides WYSIWYG visual authoring of HTML5 user interfaces. The Maqetta application itself is authored in HTML and therefore runs in the browser without requiring additional plugins or downloads.

Source + Demo

9. – CK Editor(non-jQuery)

CKEditor is a ready-for-use HTML text editor designed to simplify web content creation. It’s a WYSIWYG editor that brings common word processor features directly to your web pages. Enhance your website experience with our community maintained editor.

Source + Demo

10. – TinyMCE(non-jQuery)

Source + Demo

If you like FreeWebMentor and you would like to contribute, you can write an article and mail your article to [email protected] Your article will appear on the FreeWebMentor main page and help other developers.

Recommended Posts:

• Utilizing Error objects in JavaScript
• JavaScript | ArrayBuffer.prototype.slice() Function
• Javascript function to add two numbers
• Leap year program in javascript
• Fibonacci Series Program in JavaScript
• How to give google webmaster access to other gmail user
• JavaScript break statement example
• Switch statement in JavaScript with the example
• Best color palette generators sites
• How to check if a number is an integer using JavaScript

Prem Tiwari

An engineer by profession and a passionate blogger by heart. Founder of FreeWebMentor.com (A Programming blog for beginners), Tech Speaker at various forums. A part from this he is an open source enthusiast, WordPress Lover, Blogger, SEO, and Growth Strategic.

Article Tags: CSS, HTML 5, Javasrcipt