10 WYSIWYG editors based on jquery or Javascript

The 10 amazing free and Rich Text editors will improve the functionality of your website. I have collected 5 jquery and 5 non-jquery real-time reviews with simple features, with the same office functions.

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.

• Fast migration and use
• Supports keyboard shortcuts
• Support for dynamic Ajax Preview
• Compatible browsers: 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
• Small and lightweight
• Support for dynamic Ajax Preview
• Compatible with mainstream browsers

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
• Concise 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.

• Easy to integrate
• Compatible with mainstream browsers.
• The size is only 15 kb (minimum 11kb)
• Supports XHTML output.
• Support for dynamic Ajax Preview
• There is a complete user manual that 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
• All basic functions are supported.
• Support plug-in Functions
• Image Upload, implemented through Ajax (using ajaxfileupload plugin ).
• 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 !).
• HTML correction

Wymeditor-jquery

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 Editor

• XHTML strict + CSS compliant
• No font or text format, size or color-they are based on your CSS style
• Easy to integrate into your applicationProgramMedium
• No installation required. This is written in 100% JavaScript code-no plug-in, no delay
• Supports image, link, and table
• Supports CSS
• Support plug-ins with Apis
• Free and open source code
• 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-just a few lines of code
• Custom-themes and plug-ins 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
• Supports XHTML 1.0.
• You can customize your own CSS.
• Font format: 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
• Allows you to insert, upload, and preview images.
• Right-click a menu with a drop-down menu
• Support plug-ins
• There is a smart spelling check program
• Lightweight and fast
• 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/