17 awesome rich text editors

17 awesome rich text editors

A rich text editor (RTE) is a WYSIWYG editor that renders in your browser and allows you to create content with rich formatting without the hassle of learning HTML or other markup languages. Internet Explorer was the first browser to add such a feature to allow the users edit some HTML elements directly from the browser and other popular browsers followed too. Today, there are hundreds of free, commercial and custom editors that has been built for specific projects or as standalone projects. We showcase some of them here with some info about their API and unique features.

– Web Wiz RTE

Web Wiz RTE

Web Wiz comes with a lot of features and an option to download for free. It works on all popular browsers and the design mode is very stable.

– Damn Small RTE

Damn Small RTE

A very small but powerful RTE. Only 18kb footprint and when it comes to JavaScript, size does matter. It comes as a jQuery plugin.

– Cross Browser RTE

Cross Browser RTE

Cross-Browser RTE is free to use but in order to customize it, you have to purchase the source code. It is a simple RTE like TTW.

– YUI Rich Text Editor

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

– Wikiwyg

Wikiwyg

Wikiwyg is a very exciting RTE that aims on providing a decent RTE for Wikis and it supports Wikitext too. The documentation of the editor will get you started right away.

– widgEditor

widgEditor

widgEditor is an easily installed, easily customizable WYSIWYG editor for simple content. In order to use the editor, you only have to include the js file and all textareas will be transformed into RTEs.

– Whizzywig

Whizzywig

Whizzywig is a lightweight RTE that uses just one file to do all it’s magic. It is extremely powerful for it’s size and produces valid XHTML. You can customize the toolbar, load your CSS to make it stick to your project’s style and more.

– TTW Text Editor

TTW Text Editor

A very basic RTE that could come handy if you want to add simple rich text editing functionality to your projects. Supports many features of an RTE but it lucks dialogs and image insertion the author states that:

This editor does support the adding of images into the content window. However, at this time, I have the option disabled in the editor.js file because of the need for a server-side script (my implementation is done in PHP).

– SPAW Text Editor

SPAW Text Editor

SPAW is another popular RTE that from version 2.0 and above has become a state of the art, full featured rich text editor. Version 2 introduces new industry unique tabbed multi-document interface feature. Now you can edit virtually unlimited number of HTML snippets in a single WYSIWYG instance.

– BXE Editor

BXE Editor

BXE is a browser based Wysiwyg XML Editor – and that changes everything! You can edit now your content semantically and at the same time display it to your users and editors in its final form.

– openWYSIWYG

openWYSIWYG

openWYSIWYG is a simple editor written entirely in JavaScript that is fast and user friendly. It facilitates one of the best table editing interfaces seen on RTEs and it is very simple to use it in your applications. The only drawback for this great RTE is the lack of documentation which could make it even better if existed.

– WYMeditor

WYMeditor

WYMeditor tries to see things in a different way than any other RTE. 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). This is why the authors of WYMeditor describe the RTE as WYSIWYM (What You See Is What You Mean). It is a very semantic editor and uses CSS for styling elements. Styles can be applied from within the editor using prefefined classes that are loaded with the editor. The library is a jQuery plugin.

– EditArea

EditArea

EditArea is another type of RTE that focuses on editing of source code files with syntax highlighting. It is one of the few editors that treat Tabs as a normal editor, this means inserting a tab character each time by default. EditArea supports real time highlighting for PHP, CSS, Javascript, Python, HTML, XML, VB, C, CPP, SQL, Pascal, Basic, Brainf*ck and more.

– NicEdit

NicEdit

NicEdit is one of the easiest Rich Text Editors out there since, the only thing required to load the editor is to include the javascript file. It integrates into any site in seconds to make any element/div editable or convert standard textareas to rich text editing. One of the best features of NicEdit is that in order to load a plugin to the library, the only think needed, is to go to the download section of the library, choose the plugins you want to be included and download the library. After that, as soon as you replace the library with the newly downloaded one, the plugins you have chosen will be there for you to use.

– Xinha

Xinha

Xinha is one of my favorite RTEs. Xinha is fully extendable through plugins and it uses a rich API that can help you built the editor of your choice. It is based on on HTMLArea which was produced in the past by Interactive Tools. Xinha is an open source project and it will remain one judging from the developers message on the Xinha homepage. Xinha is a bit more complicated than TinyMCE and CKEditor from the amateur users view, since it needs a better understanding of the API but once you master it, you will never want to use another editor.

– TinyMCE

TinyMCE

TinyMCE from Moxiecode is the rival to CKEditor since it is as well very popular and powerful. TinyMCE is used in hundreds of projects like WordPress and Joomla, companies like Microsoft and Oracle and many other individuals that use it in their projects. The editor supports insertion of predefined templates and this is a unique feature built-in the editor. TinyMCE also comes as a jQuery plugin.

– CKEditor

CKEditor

Formerly known as FCKEditor, CKEditor is one of the top RTEs around with a large community, strong support and is extensively documented. CKEditor is a valid XHTML aware editor. This means that it produces valid XHTML code that does not break your page’s validation and layout. You can do nearly anything you would with a desktop editor, it can be extended with custom plugins and it is very user friendly.

Share It

Related Posts