Monday, November 21, 2011

WYSIWYG Text and HTML Editor

An HTML editor is a software application for creating web pages. Here are 10 WYSIWYG (“what you see is what you get”) editors that are commonly used.

TinyMCE

TinyMCE, also known as the Tiny Moxiecode Content Editor. It is a platform independent an open source web based Javascript HTML WYSIWYG editor. It’s easy to integrate, and is highly customizable with themes and plugins. It has the ability to convert HTML TEXTAREA fields or other HTML elements to editor instances.
Features:
Easy to integrate – Only a few lines of code needed.
Customizable – Themes and plugins, block invalid elements and force attributes.
Browserfriendly – Mozilla, MSIE, FireFox, Opera, Safari and Chrome.
Lightweight – PHP/.NET/JSP/Coldfusion GZip compressor, Makes TinyMCE 75% smaller and a lot faster to load.
AJAX Compatible – You can easily use AJAX to save and load content!
International – Multilanguage support using language packs.
Open Source – Free under the LGPL license, millions of ppl help test and improve this editor every day.

fckeditor

This HTML text editor brings to the web much of the power of desktop editors like MS Word. It’s lightweight and doesn’t require any kind of installation on the client computer.
Features:
Outputs XHTML 1.0
CSS support for better integration with your web site
Font formatting: type, size, color, style, bold, italic, etc
Text formatting: alignment, indentation, bullets list, etc
Cut, Paste, and Paste as Plain Text, Undo and Redo
Paste from Word cleanup with auto detection
Image insertion, with upload and server browsing support
Right click context menus support
Plugins support
Spell checker
Lightweight and fast
Automatic browser detection and customization

Yahoo YUI Rich Text Editor

The YUI Library Rich Text Editor also has excellent mobile device support, making it a great web-accessible rich-text editing solution. 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.

NicEdit

NicEdit is lightweight, no-fuss cross-platform rich-text editor that emphasizes user-friendliness and simplicity over barraging users with too many features.

WYMeditor

WYMeditor is a web-based HTML editor that emphasizes the use of standards-compliant markup.
Features:
XHTML strict + CSS compliant
No font or text formatting, sizes or colors – WYMeditor is CSS-based
Designed to be easy to integrate into your application
No installation needed – this is 100% Javascript code – no plugin, no extension
Image, link, table support
Skins support via CSS
APIs, plugins support
Free and Open Source
Major browsers support

MarkItUp!

Markitup is a Jquery plugin that allows you to turn textarea’s into markup editors in any markup you wish. 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.

No comments: