jqueryexample.com Top WYSIWYG Text and HTML Editor - jqueryexample.com

Top WYSIWYG Text and HTML Editor by jqueryexample

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.

Did you like this? Share it:

Discussion

  1. Coder says:

    Thanks for the information shared as you have metioned in your post in about HTML5.

    • Jose says:

      Very Nice website. I built mine and i was lnooikg for some design ideas and your website gave me some. Did you develop the website alone?Thanks

  2. It is truly a nice and helpful piece of info. I am glad that you just shared this helpful information with us. Please stay us up to date like this. Thank you for sharing.

  3. Thank you for every other great article. Where else could anyone get that type of info in such an ideal approach of writing? I’ve a presentation subsequent week, and I am on the search for such information.

  4. Nice post. I was checking continuously this blog and I am inspired! Extremely useful information specially the closing part :) I deal with such information much. I was seeking this particular information for a long time. Thank you and good luck.

  5. georgi says:

    Whoa, tihgns just got a whole lot easier.

Leave a Comment