10 Feature-Packed Javascript WYSIWYG And Rich Text Editors

Introduction

WYSIWYG (What You See Is What You Get) and Rich text editor can be easily found in CMS (Content Management System, such as Drupal, WordPress, Joomla etc). There are so many of them, to carefully choose one that suit your needs, you will have to go through each of the features, examine its documentation and play with it for a while to make sure it suits your project.

In this post, I have found 10 of the most updated, feature-packed WYSIWYG and Rich Text editor just to save your time. I have listed out most of the notable features and hopefully will save you some time.

• Mercury Mercury is a full featured HTML5 editor. It was built from the ground up to help your team get the most out of content editing
  • Require jQuery framework
  • Preview, Link and media tools
  • Drag and drop image uploading
  • Advanced table editing
  • Snippets and custom editable regions in a single page.
  • Other basic text format tools
  • View and edit HTML code
  • Easy to localize it into different languages
  • Support browsers with contentEditable specification. Firefox 4+, Chrome 10+, Safari 5+
  • MIT license.
• eIRTE elRTE is an open-source WYSIWYG HTML-editor written in JavaScript using jQuery UI. It features rich text editing, options for changing its appearance, style and many more. You can use it in any commercial or non-commercial projects.
  • Requires jQuery framework
  • Lightweight, fast and easy to integrate
  • View and edit HTML-code
  • Designed to work with its elFinder - a powerful file manager plugin for website
  • Insert and manage various HTML elements with formatting
  • Easy to localize it into different languages
  • Modern browser. elRTE has been tested in Firefox 3.5+, Internet Explorer 7 & 8, Safari 4, Opera 10 and Chrome
  • 3-clauses BSD license.
• 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.
  • Requires jQuery framework
  • Lightweight, less than 9K of total bandwidth
  • Handles all basic formatting tools: insert images, hyperlinks, hr, change font name, size, style, color and highlight color
  • View and edit HTML code
  • Extensible, allow us to customize its user inerface and functionality.
  • IE 6.0+, FF 1.5+, Safari 4+, Chrome 5+ and Opera 10+
  • MIT/GPL version 2 license.
• TinyEditor TinyEditor is a simple JavaScript WYSIWYG editor that is both lightweight (8KB) and standalone. It can easily be customized to integrate with any website through CSS and the multitude of parameters.
  • Standalone javascript, no dependencies
  • Lightweight, 8KB
  • Handles most of the basic formatting needs
  • View and edit HTML code
  • Works on all modern browsers
  • Creative Commons license.
• MooEditable MooEditable is a MooTools plugin that instantly converts a textarea field into a WYSIWYG editor.
  • Requires MooTool framework
  • Allows us to create custom build with MooEditable Builder
  • Handles most of the basic formatting needs
  • View and edit HTML code
  • Require cosmetic update because the default visual doesn't look good.
  • Works on all modern browsers
  • MIT license.
• Markitup 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.
  • Requires jQuery framework
  • Lightweight 6.5Kb
  • Support AJAX dynamic preview
  • Customizable Skins
  • Support for keyboard shortcuts
  • Fully customizable and scriptable
  • Editor's features callable from any place
  • Good documentation and many examples
  • View and edit HTML/BBcode/Texttile/Wiki Syntax codes
  • IE6-7-8, Safari 3+, Firefox 3+
  • MIT/GPL license.
• jWYSIWYG jWysiwyg is minimalistic WYSIWYG editor built as jQuery plugin. The main concept behind this editor is to keep it simple, just the basic.
  • Requires jQuery framework
  • Handles most formatting needs
  • View and edit HTML code
  • Add custom control, intensive documentation for in depth customization
  • Tested in Safari 4, Firefox 3.5, Chrome 4.0, Internet Explorer 8.
  • Dual licensed under the MIT and GPL licenses.
• CKEditor (aka FCKeditor) 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.
  • Basic and advanced styling
  • Suport flash content
  • Support form creation
  • Strong accessibility
  • Spell check
  • Keyboard shortcut
  • TAB key friendly
  • Context Menu
  • Rich Javascript API, customizable and extensible
  • Large amount of developer features for customization
  • Integration with Joomla, Drupal and sharepoint
  • Very well documented and support
  • CKEditor has been developed to be compatible with all browsers that dominate the market, namely Internet Explorer, Mozilla Firefox, Google Chrome, Safari, and Opera. It will even work in the infamous Internet Explorer 6!
  • GPL, LGPL and MPL open source licenses
• WYMeditor 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).
  • Generate perfectly structured XHTML strict code
  • No font or text formatting, sizes or colors - WYMeditor is CSS-based
  • Image, lnk, table support
  • APIs, plugins support
  • Requires jQuery framework
  • View and edit HTML code
  • Gecko-based browsers (Firefox 2.0+, SeaMonkey, Galeon, Epiphany, ...), Microsoft Internet Explorer 6, 7 and 8, Opera 9.5+, Safari 3.1+, Google Chrome
  • Widely used by famous open source project such as MediaWiki, Drupal, Symphony, CakePHP, CodeIgniter and a lot more.
  • MIT and GPL licenses.
• TinyMCE TinyMCE is a platform independent web based Javascript HTML WYSIWYG editor control released as Open Source under LGPL by Moxiecode Systems AB.
  • View and edit HTML code
  • Handles most text formatting, list, images, table and links
  • Enhanced Table creation with border customization etc
  • Customizable. Themes and plugins.
  • A lot of configurations, api and callbacks for advanced users
  • Modern Browsers. Firefox, Chrome, Safari, Opera and IEs.
  • Lightweight and fast to load. It uses GZip server side compression
  • AJAX Compatible. Able to load and save content using AJAX
  • IE 5.5+ (Windows), Firefox 1.0+, Mozilla 1.3+ and Netscape 7+
  • LGPL license

• TAGS:
• Form
• Javascript
• Plugin