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. Files smaller than 17kb and 26kb are only 9kb and 18kbCodeAnd 7 kb 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 applicationProgramNo installation is required. This is written in 100% JavaScript code-no plug-in, image, link, and table support for CSS with APIs, supports plug-ins Free 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/