Organize 10 WYSIWYG editors based on jQuery or JavaScript

When editing content online, those JavaScript-based editors helped us a lot. These WYSIWYG editors provided us with a similar Office? Operation Experience. Today, any website Content Management System (CMS) and blog system need such an editor. This article selects 5 JavaScript-based? Five jQuery-based editors. MarkitUp-jQuery

Official Website|Demo

MarkItUp! It is not a "full-featured, messy" editor. Instead, it is a very lightweight, customizable and flexible text editor to meet development needs in its CMSes, blogs, forums or websites. MarkItUp! It is not a WYSIWYG editor, it is a simple and practical text editor.Quickly port and use a browser that supports keyboard shortcuts and supports dynamic preview of Ajax: IE7, Safari 3.1, Firefox 2, Firefox 3. IE6 and Opera 9 + as-is. license: MIT/GPL file: Portable, Resource Saving, only 6.5Kb. jWYSIWYG-jQuery

Official Website|Demo

JWYSIWYG, a built-in Content editor that allows you to edit HTML content. This is a convenient and practical alternative to WYMeditor. The file size is less than 17Kb and the total size of 26Kb is only 9Kb 18Kb code and 7Kb portable.GNU General Public License v2 is compact and Lightweight. It supports dynamic Ajax preview and is compatible with mainstream browsers such as Lightweight RTE-jQuery.

Official Website|Demo

This rich text editor is as easy as possible to change our basic editing needs.Ultra-lightweight, only 7 kb compatible with mainstream browsers, simple and elegant GNU General Public License HTMLBox-jQuery

Official Website|Demo

HTMLBox, a cross-browser jQuery library based on open-source HTML/XHTML text. It has passed tests on Mozilla Firefox, Inrernet, Netscape, and Safari browsers. The integrated HtmlBox can be easily integrated into CMS, forums, message boards, and blogs.It is easy to integrate and compatible with mainstream browsers. only 15 kb in size (minimum 11kb) supports XHTML output. A complete user manual is available for dynamic previewing that supports Ajax. This will guide you through every step of integrating HtmlBox into your application and customizing it. D Small Rich Text Editor-jQuery

Official Website|Demo

The Rich Text Editor applies the IFRAME element, which is very comprehensive and can satisfy our complicated text editing needs.Size (~ 18 k )! (Portable/Minified JS, Plugins & CSS combined with 12 k w/o GZIP, HTML can be converted ~ 3 k using GZIP, Images (w/o emoticons) are less than 3 k) compatible with mainstream browsers support all basic functions support plug-in function Image Upload, implemented through AJAX (AjaxFileUpload plugin is used ). you can adjust the text area. Supports XHTML 1.0 verification and filtering (Note: this refers to the editor's markup and not to it's generated content which may or may not be valid !). WYMEditor-jQuery with HTML correction

Official Website|Demo

WYMeditor is a Web-based WYSIWYM (what you mean) XHTML editor. The main concept of WYMeditor is to leave the detailed file's visual layout and focus on its structure and meaning, while striving to provide users with a comfortable Text EditorXHTML strict + CSS compliant has no font or text format, size or color-they are based on your css style for easy integration into your application without installation, this is written in 100% Javascript code-no plug-in, no delay support for Image, link, table support for APIs, support for plug-ins and open source compatible with mainstream browsers TinyMCE-non-jQuery

Official Website|Demo

TinyMCE is an independent platform. The html wysiwyg editor based on Web Javascript is open source. Powerful HTML text or other element conversion capabilities to edit instances.Easy to integrate-only several lines of code are required to customize-themes and plug-ins to prevent invalid elements and attributes. Compatible with mainstream browsers-Mozilla, MSIE, FireFox, Opera, Safari and Chrome. lightweight-PHP /. NET/JSP/Coldfusion GZip compressor, Makes TinyMCE 75% smaller and a lot faster to load. compatible with AJAX-Compatible-You can easily use AJAX to save and load content! Supports internationalization-Multilanguage support using language packs. Open Source-Free under the LGPL license, millions of ppl help test and improve this editor every day. fckeditor-Non-jQuery

Official Website|Demo

This HTML text editor has the same functionality as MS Word. It is lightweight and does not require installation.Compatible with mainstream browsers that support XHTML 1.0, you can customize your own CSS font formats: type, size, color, style, bold, italic, etc text format: alignment, indentation, bullets list, etc supports Cut, Paste, and Paste as Plain Text, Undo and Redo Paste from Word cleanup with auto detection supports inserting images, uploading, preview right-click drop-down menu support plug-in smart spelling check program lightweight and quick automatic detection and personalized browser Yahoo YUI Rich Text Editor-Non-jQuery

Official Website|Demo

The Rich Text Editor is developed by Yahoo YUI and can replace standard HTML Text. It supports Text font selection, bold, italic, ordered list, unordered list, Link, Drag and Drop images, the toolbar is extensible through plug-ins, which enables highly personalized settings.Xinha-Non-jQuery

Official Website|Demo

Xinha (pronounced like Xena, the Warrior Princess) is a powerful wysiwyg html editor component that supports all browsers currently. Its configurabilty and scalability can easily generate suitable content without restrictions.

Source: http://blog.sn00py.cn/2010/03/10%e4%b8%aa%e5%9f%ba%e4%ba%8ejquery%e6%88%96javascript%e7%9a%84wysiwyg-%e7%bc%96%e8%be%91%e5%99%a8/