10 Free jQuery Rich Text Editors To Enhanced Your Web Application

















Rich Text Editor very important web component of any CMS based web application, which allows users to edit articles within a web browser. There are many rich-text editors out there. What’s even better than a lot of choices? Many of the best rich-text editors currently in the market are free.

In this article, we present jQuery based free rich-text editors.

jQuery Rich Text Editors

MarkitUp

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.

demo / source

online rich text editor

jWYSIWYG

This jquery 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 26Kb total and only 18Kb of code, the main concept is to keep it simple, not all users need font coloring or create tables, just the basic.

demo / source

online rich text editor

RTE jQuery

This Rich Text Editor as simple as possible to be easily changed according your needs. The file jquery.rte.js is only 7ko uncompressed. This editor is compatible with major browsers (IE6, Firefox 2, Opera 9, Safari 3.03) and degrade gracefully in a textarea for others.

demo / source

online rich text editor

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.

demo / source

online rich text editor

WYMEditor

WYMeditor is an open source web-based WYSIWYM editor with semantics and standards in mind. The WYM-part stands for "What You Mean" compared to the more common "What You See Is What You Get".

demo / source

online rich text editor

uEditor

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.

demo / source

online rich text editor

jQuery WYSIWYG Rich Text Editor

jQuery Wysiwyg is easy to integrate and customize, seperated the lang file from the editor and tested with IE6, IE7, IE8, FF3, Opera9, Safari4, Google Chrome2, its free under the MIT License.

demo / source

online rich text editor

HtmlBox

Cross-browser interactive open-source HTML / XHTML textarea built on top of the jQuery library. Tested with Mozilla Firefox, Inrernet Explorer, Opera, Netscape and Safari. The integration of HtmlBox into Content Manegement Systems, Forums, Guest Books, Contact Forms is as easy as a childs play.

demo / source

online rich text editor

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.

demo / source

online rich text editor

WYMeditor: web-based XHTML editor

WYMeditor is a web-based WYSIWYM (What You See Is What You Mean) XHTML editor (not WYSIWYG).

WYMeditor’s main concept is to leave details of the document’s visual layout, and to concentrate on its structure and meaning, while trying to give the user as much comfort as possible (at least as WYSIWYG editors).

demo / source

online rich text editor

About the author

Aldo Bukit is chief editor and owner of SmashingWall.com. Aside from his full time job, he loves blogging about design in general. He has over ten years of marketing design experience and the passion continues on. His profile on Google+ -

Other posts that may strike your fancy:

Leave a Comment

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

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>