• 2 Dec

    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.

    Written exclusively for WDD by Jacob Gube. He is a Web developer/designer and author of Six Revisions, a blog on Web development and design. If you want to connect with the author, you can follow him on Twitter.

  • 58 Comments »

     
    #1
    Fuzzbling
    December 2nd, 2008 at 3:28 pm

    Nice list, thank you!

     
     
    #2
    Chris W.
    December 2nd, 2008 at 3:44 pm

    Damn Jacob, this is quite a list of RTEs! You should start a blog or something.

     
     
    #3
    WYMeditor
    December 2nd, 2008 at 4:07 pm

    Hi Jacob,

    FYI, WYMeditor outputs XHTML 1.0 Strict, not HTML 4.01 Strict, which is quite different :)

     
     
    #4
    Dean
    December 2nd, 2008 at 4:19 pm

    Thanks for the list. I look forward to digging into them.

    As a developer of websites, who often deals with clients who want to create/edit their own content, WYSIWYG editors often cause more problems than they are worth. Don’t get me wrong, they can be very useful, especially if you already know HTML and CSS. It’s the assumption that they are as flexible and foolproof as Microsoft Word that makes me crazy.

    I would be very interested in knowing what everyone else thinks.

    Thanks again for the list. Useful stuff!

     
     
    #5
    Gidseo
    December 2nd, 2008 at 5:53 pm

    They all look like bloatware compared to metapad!
    http://liquidninja.com/metapad/

     
     
    #6
    Jarryd
    December 2nd, 2008 at 7:36 pm

    I personally use FCKEditor with my CMS, but YUI and MarkItUp! look promising!

     
     
    #7
    Ray Brown
    December 2nd, 2008 at 7:56 pm

    Wow, what a list! I’ve used several of these, and my top three are (in order):
    1. NicEdit
    2. FCK Editor
    3. TinyMCE

    Using NicEdit, I turned an admin panel’s textareas into full-featured, painless rich text editors in a matter of seconds. Ridiculous!

     
     
    #8
    David Radovanovic
    December 2nd, 2008 at 9:50 pm

    Great selection!

    I’ve tried FCK Editor and TinyMCE on my WordPress installations. Though both offer a great selection of formatting plugins, WordPress texturize and filtering can wreak havoc on code. I wish there was a simple editor that included the ability to disable WordPress’ filtering codex per post/page. Maybe in 2.7.

    Thanks for showing me some editors I haven’t seen before.

     
     
    #9
    Scott Donald
    December 2nd, 2008 at 10:49 pm

    great stuff

     
     
    #10
    insic
    December 3rd, 2008 at 1:13 am

    Tiny MCE is the best for me. Nice article

     
     
    #11
    awebcreature
    December 3rd, 2008 at 2:23 am

    I don’t understand, where is KTML?
    What happened with this editor? … the one, with full integration with Dreamweaver

     
     
    #12
    Htoo Tay Zar
    December 3rd, 2008 at 3:11 am

    Wow, Great List for RTE I’ve ever seen. Currently i use ThinyMCE for now i can use more. thanks

     
     
    #13
    The Unix Geek
    December 3rd, 2008 at 5:34 am

    Not all rich text editors are web-based. For example, on Windows, WordPad is a rich text editor, and on OS X, TextEdit is a rich text editor.

    I think you should make that clear in the beginning; otherwise, it gives the impression that all rich text editors are web-based.

     
     
    #14
    Federico Capoano
    December 3rd, 2008 at 6:58 am

    Very nice list. Useful.
    Will save in delicious.

    Thanks

     
     
    #15
    Gyorgy
    December 3rd, 2008 at 7:17 am

    Cool list. I was just looking for a good text editor

     
     
    #16
    ben
    December 3rd, 2008 at 10:02 am

    I’ve used tinyMCE and EditArea, both have worked great.

    If you want to see the website that uses EditArea you can visit http://collabedit.com

     
     
    #17
    wallpapers
    December 3rd, 2008 at 10:24 am

    don’t forget notepad++ my favourite

     
     
    #18
    Mike
    December 3rd, 2008 at 10:33 am

    @wallpapers

    Ha, this is a list of RTE’s that can be embedded into web pages, not standalone apps. It was a good effort, though.

     
     
    #19
    Cédrik
    December 3rd, 2008 at 11:05 am

    FYI, the successor of RTE is called RTEF, and comes with full source code: http://rtef.info/

     
     
    #20
    Timothy
    December 3rd, 2008 at 12:27 pm

    I have to agree w/ insic. Tiny MCE is my favorite. But, it is a bit of a pain in the ass to modify.

     
     
    #21
    Henry Ho
    December 3rd, 2008 at 2:57 pm

    Perfect! That’s just what I need!

     
     
    #22
    Stefan
    December 3rd, 2008 at 3:14 pm

    I hate Tiny MCE. But I still use it :|
    I think I’ll give a go through the ones I didn’t know in the list to see if I find anything better.

     
     
    #23
    Socrata
    December 3rd, 2008 at 3:50 pm

    I’ve looked through the documentation on a few of these editors and they assume a basic sense of their use which unfortuantely I lack. In the examples I’ve reviewed, these “editors” only update within their own page. I don’t understand the usefulness of this.

    I would be very interested in allowing my user to update a static version of their pages by using an “dynamic version” that contains one of these editors. They have ftp ability so server updates are unnecessary. Can the scripts be modified to reach out of it’s own page on a local computer and update a div of an analogous html page? I see TinyMCE seeming to do this, but can’t put my finger on what within the pages to point to the target page.

    I also use Wordpress and think their editor is fine, so I also don’t understand what’s the point, for instance, of installing TinyMCE in Wordpress.

    Any help would be appreciated.

     
     
    #24
    Farid Hadi
    December 3rd, 2008 at 11:28 pm

    This is an awesome collection!
    Thanks Jacob.

     
     
    #25
    Lonelypixel
    December 4th, 2008 at 12:29 am

    i tried before almost all of them but FCKeditor is the useful one. im usually using it on cms forms.

     
     
    #26
    blackzero85
    December 4th, 2008 at 8:06 am

    I use metapad. :D It’s more than enough.

     
     
    #27
    Matt
    December 4th, 2008 at 1:09 pm

    At the risk of tooting my horn, you might also want to check out the Loki Editor, which we developed at Carleton College:

    http://loki-editor.googlecode.com
    http://apps.carleton.edu/opensource/loki/

    It’s a standards- and semantics- focused editor that is open source, free, can be readily integrated with CMSes, etc.

    I will have to check out WYMeditor, which seems like a similar project.

     
     
    #28
    makrel
    December 5th, 2008 at 7:13 pm

    There are 4 worth attention: FCKEditor, TinyMCE (these two have images manager and so a different league than the others), Yahoo and apparently NicEdit. All are good-looking, which is very important. Yahoo editor is, well, Yahoo, the big boys. Nic I see for the first time, a slick little thing, could use HTML view. Lot of experience with FCKEditor, sometimes was hard to configure and had no support for Opera, lately this seems to have changed for the better.

     
     
    #29
    Erwin Heiser
    December 5th, 2008 at 7:17 pm

    2 words come to mind: Textile and Markdown.
    I have to agree with Dean here, none of these editors (bar Markitup perhaps) can output clean and valid (X)HTML and are often more trouble than they’re worth.

     
     
    #30
    devolute
    December 6th, 2008 at 9:55 am

    I personally use TinyMCE when I need to, but these things are more effort than they’re worth! BB code (or similar) is a brilliant option imho.

     
     
    #31
    Addy
    December 8th, 2008 at 4:58 am

    plss add subcrible rss with email.
    i want subcrible your blog. :)

     
     
    #32
    kate
    December 9th, 2008 at 6:07 pm

    perfect:)

     
     
    #33
    Navdeep
    December 9th, 2008 at 6:11 pm

    Nice list…

     
     
    #34
    gheo
    December 10th, 2008 at 2:49 am

    fckeditor is nice WYSIWYG. tray it..

     
     
    #35
    radyan
    December 11th, 2008 at 7:14 am

    i preferred use TinyMCE for all my CMS

     
     
    #36
    Edwin
    December 12th, 2008 at 11:35 am

    Still not sure wich one is the best. Now using FCKeditor, but I think TinyMCE is also very good.

     
     
    #37
    EZ Computers
    December 14th, 2008 at 11:46 am

    Pretty cool list :)
    Very interesting to see what else is out there

     
     
    #38
    Mudflapper
    December 15th, 2008 at 3:38 am

    Um, and for Mac?

     
     
    #39
    Startup
    December 17th, 2008 at 2:02 pm

    Thanks for the great list of text editors……..these will help me in my web applications

     
     
    #40
    Jacob Gube
    December 17th, 2008 at 3:17 pm

    Thank you everyone for your input and for sharing your opinions.

     
     
    #41
    vibgyorlife
    December 18th, 2008 at 2:09 pm

    Excellent Information. Great! Thanks for sharing.

     
     
    #42
    Gleb
    December 21st, 2008 at 5:46 am

    Very usefull! Thank you!

     
     
    #43
    3fay.com
    January 4th, 2009 at 8:31 am

    Nice list, thank you!

     
     
    #44
    Nil
    January 15th, 2009 at 11:48 am

    TinyMCE

    Hi its really Good….! worked on each input…
    Thanks

    ~Nil’s~….The Rockstar

     
     
    #45
    ted devito
    January 15th, 2009 at 9:46 pm

    i agree with the opinion that XHTML compliance matters. it seems like an architecture issue, where instead of depending on sending a command as a string to execCommand(), an engine should be set up to handle those requests manually. the editable area can still be activated with Elem.contentEditable = true, but instead of sending commands to the browser, just cancel them all and use your own methods.

    can anyone give me some feedback on that?

    here’s my RTE wish list:

    1. simple and clean - how about something quick and easy that gives me (and my clients) a majority of block-level HTML control, images, links and some css? 20 buttons max, but far short of MS Word (most of the time we’re writing for blogs, forums and product listings anyway right? we’re not printing this stuff!)

    2. XHTML - oriented instead of bloating the text with inline styles (which, however ugly, does seem to work reasonably well, which means a clean XHTML solution must be comparable and not trip over itself if the user does something unusual)

    3. css class styling capable, with the ability to pass available styles on instantiation - i’m sure this has been offered so seldomly because most editors are not prepared to handle specific operations to block-level elements (and of course there is no standard in the browsers’ built-in methods)

    4. easy to tap into with custom actions - beyond button configuration and ordering, i would like it to be easy to customize what happens when a button is clicked, especially regarding inserting images.

    5. auto paste from MS Word cleanup - undesirable? maybe. essential? seems like it!

    i don’t think RTE’s are more trouble than they’re worth, but i do feel that an easy, clean and effective solution (like all the selector libraries out there) has not quite hit the scene yet.

    thanks for the great list!

     
     
    #46
    plandem
    January 19th, 2009 at 5:04 pm

    I released a jQuery RTE/WYSIWYG plugin recently :) Someone wanna try to test? :)

    http://code.google.com/p/lwrte/

     
     
    #47
    Andrea
    February 4th, 2009 at 7:44 pm

    I’ve always used Web Wiz Rich Text Editor: it’s free, easy to use and configure and works even for old Mac (lo)users

     
     
    #48
    冰古
    February 21st, 2009 at 11:33 am

    I found markItUp is perfect.

     
     
    #49
    Kids Wall Art
    March 7th, 2009 at 2:57 am

    I’ve never had to use anything but TinyMCE in my web applications. It is easily to install and it works! Simple as that.

     
     
    #50
    Harry M
    March 9th, 2009 at 2:04 pm

    Exellent list… thanks…

     
     
    #51
    netuser
    March 11th, 2009 at 9:17 am
     
     
    #52
    ZigBie
    April 4th, 2009 at 9:36 pm

    punyMCE - small and very powerfull.

     
     
    #53
    Directory marocplus
    April 6th, 2009 at 12:56 pm

    YUI Library Rich Text Editor & TinyMCE it’s very nice
    thanks

     
     
    #54
    solo
    April 22nd, 2009 at 7:01 am

    “punyMCE - small and very powerfull.”

    ZigBie, thank you for that information, its really really good and really really light.. thanks :)

     
     
    #55
    alfeto
    April 27th, 2009 at 8:29 pm

    NicEdit is the best ever.

    Stupidly fast and simple, only requires 2 lines to be added to your code.

     
     
    #56
    Mark Eddie
    May 7th, 2009 at 6:34 pm

    i found another good rich text editor from jquery plugin

    http://jqframework.com/jQRTE

     
     
    #57
    Philips Tel
    May 11th, 2009 at 8:23 am

    good stuff….

    thanks…that is very useful for some my projects….
    i’ve been search for richtext editor in another site,
    but i think this is the best that ever i found. There are 20 demos of RTE…….
    Very nice….

    Thank you…..

     
     
    #58
    martin joseph
    June 18th, 2009 at 8:15 am

    Great list of rtes.. Thanks for that.

    I have been circling around rtes for abt 2 months. I have used a bit of yui rte. The rest i am not sure of. Could u suggest 2 or 3 in particular which might support my following rewuirements

    1. Easy to use
    2. Support client side spell checking
    3. Affordable
    4. Easy API and good documentation

    YUI rte does not support any spell checking (built-in spell checking) but it has good documentation. It also requires quite a number of files css and js files for using it
    unlike some of the rtes mentioned here which say require just one js file

     
    Name (required)

    E-mail (required - never shown publicly)

    Web-site

    Your Comment (smaller size | larger size)

Web Designer Depot