Rich-text editors, also known as
online rich-text editors, are web components that allow users to edit and enter text within a web browser. Rich-text editors are used in numerous ways such as in enhancing your comment input form or as part of a web application that allows entry of user-generated and formatted content.
Rich-text editors are essentially web-based WYSIWYG (“what you see is what you get”) editors.
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
20 exceptional (and free) rich-text editors.
1. TinyMCE
TinyMCE is an open source (under the
GNU Lesser General Public License) rich-text editor released and maintained by
Moxiecode. As indicated by the name, TinyMCE is lightweight but highly customizable through an intuitive API. TinyMCE’s plugin system allows you to download themes and plugins to extend the core installation.
TinyMCE |
Demo |
Download
2. FCK Editor
FCKeditor is another wildly popular open source online rich-text editor (check out
some of the websites that use it). It has a “Word clean-up” feature that automatically detects and cleans up text that’s copied from Microsoft Word documents. It has one of the best HTML table editing and creation features, making it very easy for users to create and edit tables for displaying data.
FCKeditor |
Demo |
Download
3. NicEdit
NicEdit is lightweight, no-fuss cross-platform rich-text editor that emphasizes user-friendliness and simplicity over barraging users with too many features. You can serve NicEdit remotely from the NicEdit website; all you have to do is copy a JavaScript code snipplet and voila – it just works (as well as saving your server some system resources).
NicEdit |
Demo |
Download
4. BXE
BXE is an XML-based WYSIWYG editor that allows you to change an entire web page. It has been an open source application since 2002 – and with a devout following – you might be able to quickly find some help if you run into any issues in the
BXE IRC channel.
BXE |
Demo |
Download
5. MarkItUp!
markItUp! is a JavaScript-based markup editor built on top of the
jQuery library. With markItUp!, you can easily turn any HTML textarea into a fully-featured WYSIWYG editor. It’s lightweight (the script weighs in at only 6.5kb), supports keyboard shortcuts, has a built-in Ajax live preview and many more features that make markItUp! an excellent choice.
markItUp! |
Demo |
Download
6. WidgEditor
The
widgEditor is an open source project of
Cameron Adams released under the
GNU General Public License. It’s a simple and no-fuss HTML rich-text editing solution that converts regular HTML textareas into a WYSIWYG. Because it’s JavaScript-based and designed to degrade gracefully, users with JavaScript turned off will still be able to use the HTML textarea.
widgEditor |
Demo |
Download
7. EditArea
EditArea is a free JavaScript source code editor. It’s an excellent solution for weblogs and websites that allow developers to contribute and format their own code.
EditArea |
Demo |
Download
8. Cross Browser Rich Text Editor (RTE)
Cross-Browser Rich Text Editor (“RTE” for short) is a free rich-text editor released under the
Creative Commons Attribution 2.5 license. It’s a work based on the
designMode functionality introduced in Internet Explorer 5 and implemented in the Mozilla
Rich Text Editing API. It just has basic features, so it’s perfect for individuals looking to add simple rich-text editing support.
Cross-Browser Rich Text Editor (RTE) |
Demo
9. YUI Library Rich Text Editor
The
YUI Library Rich Text Editor is a UI control that’s part of the
YUI Library. It’s a great solution for those already using YUI and individuals that want to save some server resources (since you can serve it
directly from the Yahoo! servers). The YUI Library Rich Text Editor also has excellent
mobile device support, making it a great web-accessible rich-text editing solution.
Yahoo! UI Library: Rich Text Editor |
Demo |
Download
10. FreeTextBox
Web professionals using the .NET framework that want to add editing capabilities to their web pages and web applications should check out
FreeTextBox: a robust, fully-featured, and extremely popular rich-text editor for ASP.NET. It has a built-in image gallery, a helpful JavaScript API for customization, and a full list of editing controls for constructing tables, ordered/unordered lists, and even spellchecking (using the IE spellchecking engine).
FreeTextBox |
Demo |
Download
11. Damn Small Rich Text Editor
Damn Small Rich Text Editor (DSRTE) is a lightweight, free rich-text editor built on top of the jQuery library and a PHP backend. It’s plugin-enabled (meaning it’s highly-extensible), has image-uploading capabilities (using Ajax for responsive user interaction), and an HTML cleanup feature to tidy up messy markup.
Damn Small Rich Text Editor |
Download
12. Silverlight Rich Text Editor
Silverlight rich text editor is the first rich-text editor for
Silverlight. It has many useful features such as “find and replace” to quickly find specific text or to batch-replace them with something else, keyboard shortcuts support, serialization of text input for security, and much more. Note that the original creator has stopped further development (so cross your fingers someone picks up his project).
Silverlight rich text editor |
Demo |
Download
13. Free Rich Text Editor
Free Rich Text Editor is a free, JavaScript-based HTML rich-text editing solution released under the
Creative Commons Attribution 2.5 Generic license. The interface is reminiscent of Microsoft Word 2003′s interface, so users of this desktop application will find it quite familiar. It has everything you’d expect from a robust rich-text editor, as well as a code view to preview and edit the HTML source code directly.
Free Rich Text Editor |
Demo |
Download
14. Dijit.Editor
The
Dijit.Editor is
Dijit‘s (
Dojo‘s widget library) fully-featured rich-text editor. Built on top of The Dojo Toolkit (a popular JavaScript library/framework); it’s an excellent solution for those already using the Dojo Toolkit.
Dijit.Editor
15. WYMeditor
WYMeditor is a web-based HTML editor that emphasizes the use of standards-compliant markup. It was developed to output compliant
HTML 4.01 Strict Doctype HTML, so it’s the perfect solution for the standards-aware developer.
WYMeditor |
Demo |
Download
16. Whizzywig
Whizzywig is a free JavaScript web-based rich-text editor. Aside from features you’d expect from a rich-text editor, Whizzywig also has a Spanish and German version, a web-safe color picker to change your text’s colors, and custom-designed UI controls.
Whizzywig |
Demo
17. openWYSIWYG
openWYSIWYG is a free and feature-packed web-based content editor that’s perfect for a host of content management systems. It has a very intuitive “table creation” feature to help users construct HTML tables. It also has a wide range of browser support including IE 5.5+ (Windows), Firefox 1.0+, Mozilla 1.3+ and Netscape 7+.
openWYSIWYG |
Demo |
Download
18. XStandard
XStandard is a highly-standards-compliant rich-text editor. It comes in two versions:
XStandard Lite – which is completely
free, and
XStandard Pro. XStandard Lite has Microsoft Word text cleanup, spellchecking, and the ability to interact with third-party applications.
XStandard |
Download
19. Xinha
Xinha is an open source, community-built rich-text editor released under a
BSD style license. It’s highly-configurable, extensible, and feature-packed. Xinha emphasizes on community development, and as such, you’ll find many helpful contributors in the
Xinha forums.
Xinha |
Demo |
Download
20. Kupu
Kupu is an open source “document-centered” client-side rich-text editor released by the international association for Open Source Content Management (OSCOM). It features easy integration into a variety of content management systems including
Silva and
Plone, easy customization and extension, and Ajax saving for an uninterrupted user experience.
Kupu |
Demo |
Download
What’s your favorite? Do you currently use any of these rich-text editors? Do you use one that isn’t on the list? Share your experiences and thoughts in the comments.
