Feb 13 2012

Useful jQuery Text Editor Plugins

by vikas
Text editors allow users to edit and enter text within a web browser. Rich-text editors are essentially web-based WYSIWYG ("what you see is what you get") editors. In this post, I have put together a collection of some of the best, useful and free jQuery Text Editor plugins which are very user friendly and can be easily integrated with minor modifications. These plugins are developed using jQuery.

Find out latest and updated list of jQuery rich text editor plugins here.

markitup
( Demo | Download )

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.

  • Fast and unobtrusive integration
  • Support for keyboard shortcuts
  • Ajax dynamic preview
  • Supported: IE7, Safari 3.1, Firefox 2, Firefox 3. IE6 and Opera 9+ as-is.
  • Licence: MIT/GPL
  • File: Packed naked engine is about 6.5Kb.

WYMEditor
( Demo | Download )

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

  • XHTML strict + CSS compliant
  • No font or text formatting, sizes or colors - WYMeditor is CSS-based
  • Designed to be easy to integrate into your application
  • No installation needed - this is 100% Javascript code - no plugin, no extension
  • Will remain as simple as possible
  • We focus on well-tested code, stability and usability before adding new features
  • Image, link, table support
  • Skins support via CSS
  • Internationalization
  • APIs, plugins support
  • Free and Open Source, fully adaptable to your needs.
  • Most of the browsers are supported.

uEditor
( Demo | Download )

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.

HTMLBox
( Demo | Download )

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

  • Easy Integration.
  • Multiple Browser Support.
  • Small Size.
  • XHTML Output Possible.
  • Ajax Support Out of the Box
  • Complete User Manual
  • Skinnable Interface
  • Custom Icon Sets

Lightweight RTE- jQuery
( Demo | Download )

  • Super lightweight 7kb uncompressed
  • Compatible with major browsers
  • Degrade gracefully
  • GNU General Public License

Feel free to contact me for any help related to jQuery, I will gladly help you.


Responsive Menu
Add more content here...