Windows – Linux – Mac OSX Guides

Jquery WYSIWYG rich text editor – The complete list

1. jwysiwyg

This plugin is an inline content editor to allow editing rich HTML content on the fly. It’s an alternative to WYMeditor with much less features. With a small file size less than 17Kb 26Kb total and only 9Kb 18Kb of code and 7Kb packed, the main concept is to keep it simple, not all users need font coloring or create tables, just the basic.


Links: http://code.google.com/p/jwysiwyg/

2. CLEditor

CLEditor is an open source jQuery plugin which provides a lightweight, full featured, cross browser, extensible, WYSIWYG HTML editor that can be easily added into any web site. In addition to the standard text formatting features found in other WYSIWYG editors, CLEditor also contains rich drop downs for font name, size, style, text color and highlight color. CLEditor allows you to insert images, hyperlinks and horizontal rules. CLEditor supports the following browsers on both the mac and pc: IE 6.0+, FF 1.5+, Safari 4+, Chrome 5+ and Opera 10+. All testing is done using jQuery 1.4.2.


Links: http://premiumsoftware.net/cleditor/

3. CKEditor for jQuery

CKEditor is a text editor to be used inside web pages. It’s a WYSIWYG editor, which means that the text being edited on it looks as similar as possible to the results users have when publishing it. It brings to the web common editing features found on desktop editing applications like Microsoft Word and OpenOffice.

Because CKEditor is licensed under flexible Open Source and commercial licenses, you’ll be able to integrate and use it inside any kind of application. This is the ideal editor for developers, created to provide easy and powerful solutions to their users.

Links: http://ckeditor.com/blog/CKEditor_for_jQuery

4. jHtmlArea

A simple, light weight, extensible WYSIWYG HTML Editor built on top of jQuery. This component allows you to easily display a WYSIWYG HTML Editor in place of any TextArea DOM Elements on the page. The minified script alone is 9.17kb; CSS and Images it’s a total of 25.9kb.

This project also includes Visual Studio JavaScript Intellisense support.

Links: http://jhtmlarea.codeplex.com/

5. MarkItUp

Though it’s not a WYSIWYG but I think MarkItUp is cool to be added here.

markItUp! is a JavaScript plugin built on the jQuery library. It allows you to turn any textarea into a markup editor. Html, Textile, Wiki Syntax, Markdown, BBcode or even your own Markup system can be easily implemented.

markItUp! is not meant to be a “Full-Features-Out-of-the-Box”-editor. Instead it is a very lightweight, customizable and flexible engine made to meet the developer’s needs in their CMSes, blogs, forums or websites. markItUp! is not a WYSIWYG editor, and it never will be.

Links: http://markitup.jaysalvat.com/home/

6. uEditor

uEditor is a WYSIWYG HTML editor originally based on widgEditor designed by Cameron Adams, but rewritten for jQuery and considerably modified since.

uEditor is flexible and easy to use. As for widgEditor, the generated code is clean and valid (though you should verify it after form submission) and it’s possible to use a custom sylesheet for rendering in WYSIWYG mode among other things.

You can also extend its functionnalities thanks to an easy-to-use plugin system.

Links: http://www.upian.com/upiansource/ueditor/en

7. Damn Small Rich Text Editor

Damn small rich text editor is another choice for your WYSIWYG need. It has small (~18k) footprint! (Packed/Minified JS, Plugins & CSS sum to 12k w/o GZIP, HTML can be reduced to ~3k using GZIP, Images (w/o emoticons) are less than 3k). It’s cross-browser (FF1.5+, IE7, should work on IE6 as well) and comes with all basic Rich Text functionalities. Moreover, it’s plugin-enabled! (You can add your own commands and/or text processing as plugins). Image Upload via AJAX (using the AjaxFileUpload plugin).

Damn small rich text editor produces valid XHTML 1.0 Transitional markup (Note: this refers to the editor’s markup and not to it’s generated content which may or may not be valid!).

Links: http://www.avidansoft.com/dsrte/

8. HtmlBox

HtmlBox is a modern, cross?browser, interactive, open?source wysiwyg editor built on top of the excellent JQuery library. It is tested with the most widely deployed browsers ? Mozilla Firefox, SeaMonkey, Microsoft Internet Explorer, Opera, Apple Safari and Google Chrome. Besides the most popular browsers it has been tested and is working with some others like: Kazehakase, Epiphany, and Galeon. The variety of features, and the advanced configuration capabilities, combined with the easy and intuitive setup make HtmlBox as the preferred choice, when interactive user input is required such as in content management systems, forums, guest books, contact forms and others

Links: http://htmlbox.remiya.com/cms/demo/full-demo/

Tagged with:     , , , ,

Related Articles

Loading Facebook Comments ...

1 Comment

Post your comments

Your email address will not be published. Required fields are marked *