A rich-text editor is an interface for editing rich text within web browsers, which presents the user with a “what-you-see-is-what-you-get” editing area. The aim is to reduce the effort for users trying to express their formatting directly as valid HTML markup.(Wikipedia)

In this article i have compiled a list of 15 free best rich text editors which you can readily use in your website.

1.Yahoo! UI Library Rich Text Editor:

The Rich Text Editor is a UI control that replaces a standard HTML textarea; it allows for the rich formatting of text content, including common structural treatments like lists, formatting treatments like bold and italic text, and drag-and-drop inclusion and sizing of images. The Rich Text Editor’s toolbar is extensible via a plugin architecture so that advanced implementations can achieve a high degree of customization.

2.Web wiz Free Rich Text Editor:


Web Wiz Rich Text Editor (RTE) is a free WYSIWYG HTML RTE that replaces standard text areas with an advanced Word-style HTML area. Using this tool you can change any text area on your site into an HTML area with real-time WYSIWYG formatting. Useful for many purposes from basic submission forms to advanced CMS (Content Management Systems).

3.TinyMCE:

TinyMCE is a platform independent web based Javascript HTML WYSIWYG editor control released as Open Source under LGPL by Moxiecode Systems AB. TinyMCE has the ability to convert HTML TEXTAREA fields or other HTML elements to editor instances. TinyMCE is very easy to integrate into other Content Management Systems.

4.FCKeditor:

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

5.Xinha:

Xinha (pronounced like Xena, the Warrior Princess) is a powerful WYSIWYG HTML editor component that works in all current browsers. Its configurabilty and extensibility make it easy to build just the right editor for multiple purposes, from a restricted mini-editor for one database field to a full-fledged website editor. Its liberal, BSD licence makes it an ideal candidate for integration into any kind of project. Xinha is Open Source, and we take this seriously. There is no company that owns the source but a community of professionals who just want Xinha to be the best tool for their work.

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

7.WidgEditor:

widgEditor is an easily installed, easily customisable WYSIWYG editor for simple content. It replaces existing textareas with an improved editing pane using JavaScript, therefore if you don’t have JavaScript (or your browser doesn’t support HTML editing) it degrades gracefully. Try it out by i know you will like it.

8.Xstandard:

XStandard is the leading standards-compliant WYSIWYG editor for desktop applications and Web-based content management systems. For desktop applications, use XStandard in Visual Studio, Access, VB and VC++. For Web-based applications, XStandard runs in IE, Firefox, Safari and Opera. XStandard generates valid XHTML, and uses CSS for formatting to ensure the clean separation of content from presentation. The editor is keyboard-accessible and markup generated by XStandard meets the most demanding accessibility requirements. XStandard’s latest cool feature is Images As Text (fool proof authoring of alternate text for images).

9.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). WYMeditor has been created to generate perfectly structured XHTML strict code, to conform to the W3C XHTML specifications and to facilitate further processing by modern applications.

10.OpenWYSIWYG:

Finally, a free cross-browser WYSIWYG editor that’s packed with every rich-text editing feature you need to make your content management system that much better. Setting up OpenWYSIWYG is so easy, you can quickly turn any <textarea> into a powerful WYSIWYG editor with just a few simple lines of code. Packed with every rich text editing feature you need, openWYSIWYG gives you total control over formatting your text. The ultimate <textarea> replacement for your content management system.

11.Loki Editor:

Loki will transform any textarea entry field into a “what you see is what you get” (WYSIWYG) editor. Loki is different from other opensource browser-based WYSIWYG editors in its focus on web standards compliance and in its encouragement of semantic markup

Features:

  • XHTML output
  • No deprecated elements
  • Uses RSS to integrate with your content management system or blog software
  • Modular JavaScript enables extensibility
  • Supports Firefox, Mozilla, Internet Explorer
  • 100% GPL open source

12.Whizzywig:

Whizzywig is easy. It lets people create rich, formatted text through a web form. It actually creates xhtml, but you need no HTML knowledge to use it. If you can use a word processor or email, then you can use this it is written in Javascript, which will run in nearly all web browsers. It is lightweight, at 29k (only 8k with compression), and is the most powerful rich text editor for its size. It does not require a Javascript library, and works independently of JQuery, MooTools, etc.

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

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

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

Features:

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