10 Useful WYSIWYG Editors

3 comments | 2,659 views

wysiwyg editor

WYSIWYG editor It’s fairly simple to allow people to add and edit plain text, by using the familiar textarea form elemen.

Following are some features that a useful html editor should have:

  1. Easy to integrate
  2. Customizable
  3. Browser friendly
  4. Lightweight
  5. AJAX Compatible
  6. Multi-language
  7. Open Source

And you can try to use one of following editors. If you happen to know some good free magazines that I’ve missed. Feel free to leave a comment. I will add it.


TinyMCE

tinymce

TinyMCE is a platform independent web based Javascript HTML WYSIWYG editor control released as Open Source under LGPL by Moxiecode Systems AB. It 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.

Demo | Download

Features:


FCKeditor

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.

Demo | Download

Features:

  • Multi browser compatibility
  • 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
  • Link and anchors support
  • Image insertion, with upload and server browsing support
  • Table creation and editing (add, delete rows, etc) – one of the best systems on the market.
  • Table cells editing (size, colors, etc)
  • Form fields
  • Right click context menus support
  • Complete toolbar customization
  • Skins support
  • Plugins support
  • Spell checker
  • Multi-language support with automatic user language detection. Including Right to Left scripting.
  • Complete page editing (from to ) or just contents.
  • Lightweight and fast
  • Automatic browser detection and customization
  • Integration with ASP, ASP.NET, Java, ColdFusion, Perl, PHP, JavaScript and more.
  • Image and file links upload and server repository browser.
  • For web developers it is easy to install and customize
  • For web users it’s simple and easy to use!

Xinha

The Community-built Open Source Online HTML Editor.

xinha

Xinha is a powerful WYSIWYG HTML editor component that works in Mozilla based browsers as well as in MS Internet Explorer. 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 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.

Demo | Download


NicEdit

nicedit

NicEdit is a Lightweight, Cross Platform, Inline Content Editor to allow easy editing of web site content on the fly in the browser.

NicEdit Javascript integrates into any site in seconds to make any element/div editable or convert standard textareas to rich text editing.

Demo | Download


Wyzz

wyzz

Wyzz is an ultra-small, very light WYSIWYG (What You See Is What You Get) Editor for use in your web applications. It’s written in JavaScript, and is free (as in speech and as in beer) for you to use in your web applications and/or alter to your needs (see the licence conditions).

There are quite a few WYSIWYG editors around, many of them free – and some of them, such as FCK Editor, TinyMCE and others, are really excellent. Unfortunately, most of them are quite heavyweight applications in their own right.

Our goal with Wyzz is to create an Ultra-Lite (<10k!) WYSIWYG editor that’s also a breeze to implement.

Unfortunately, it therefore won’t have all of the functions of the more complex editors; but in many application, these are superfluous anyway.

Demo | Download


widgEditor

widgEditor easily customisable

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 typing below, and submit to see the processed output.

The widgEditor code is released under a GNU General Public License. However, if you are planning to use or modify the code for usage on a web site, a donation is greatly appreciated.

Demo | Download


HyperTextArea

hypertextarea

HyperTextArea is a WYSIWYG (What you see is what you get) editor that can be integrated into your web pages.  Generally, you will use it in place of a textarea element where you want your users to be able to type nicely formatted text without knowing any HTML.

Demo | Download


TextArea Rich

Textarea Rich is a fully functional free replacement for your existing textarea HTML tag.

textarearich

Demo | Download


SPAW

spaw

SPAW Editor is a web based in-browser WYSIWYG editor control enabling web site developers to replace a standard textarea html control with full-featured, fully customizable, multilingual, skinable web based WYSIWYG editor. Version 2 adds tabbed multi-document interface, floating/shared toolbars, modular architecture and many other exciting features.

Demo | Download


TTW WYSIWYG Editor

ttw-wysiwyg-editor

Demo | Download

StumbleIt!
Comments

Social comments and analytics for this post…

This post was mentioned on Twitter by tuvinh: 10 Useful #WYSIWYG Editors http://bit.ly/17IEIc
#TinyMCE #FCKeditor #Xinha #Editor #NicEdit #Wyzz #widgEditor…

--ReplyReply to this comment


Cool,

These are really helpful,

Thanks for the downloads aswell,

Keep up the good work

--ReplyReply to this comment


I enjoyed reading your interesting yet very informative insights. I just love reading about 10 top anything and everything under the sun. Thank you for sharing and I am looking forward to reading your newest and most recent blogs on 10 top!!! :) – 10top

--ReplyReply to this comment


Leave a comment

(required)

(required)


Spam protection by WP Captcha-Free