10 WYSIWYG editors based on jquery or JavaScript to organize _jquery

Source: Internet
Author: User
Tags jquery library wysiwyg html editor

When editing content online, those JavaScript-based editors helped us, and the WYSIWYG (WYSIWYG) editor provided us with an operational experience like Office. Today, any Web content management system (CMS) and blogging system need one of these editors. This article featured 5 JavaScript-based editors, 5 based on the JQuery framework. Markitup–jquery

Official Website | Demo

markitup! It is not a "full function, random" editor. Instead, it is a very lightweight, customizable and flexible text editor to meet the needs of development in its cmses, blogs, forums or websites. Markitup! is not a WYSIWYG editor, it is a simple and useful text editor. fast porting and using support for keyboard shortcuts to support AJAX Dynamic preview compatible browsers: IE7, Safari 3.1, Firefox 2, Firefox 3. IE6 and Opera 9+ as-is. License: MIT/GPL File: Portable, save resources, only 6.5Kb. Jwysiwyg–jquery

Official Website | Demo

JWYSIWYG, this plugin is a built-in content editor that allows you to edit HTML content. This is an alternative to wymeditor and convenient and practical functions. The file size less than 17Kb and 26Kb total is only 9Kb 18Kb code and 7KB Portable. GNU general public License v2 compact and lightweight AJAX-enabled dynamic preview compatible with mainstream browsers lightweight rte-jquery

Official Website | Demo

This rich text editor is as simple and easy as possible to change our basic editorial needs. Ultra Lightweight, only 7kb compatible mainstream browser simplicity, elegant GNU general public License Htmlbox–jquery

Official Website | Demo

Htmlbox, Cross-browser, open source html/xhtml text based on the jquery library. Tested by Mozilla Firefox, Inrernet Browser, Netscape and Safari browsers. Integrated Htmlbox is easy to integrate into CMS, forums, message boards, blogs. Easy integration compatible with mainstream browsers. The size of only 15kb (minimum 11kb) supports XHTML output. AJAX-enabled dynamic previews have a complete user manual that will guide you through every step of the consolidation Htmlbox to your application and customizing it. D Small Rich Text editor–jquery

Official Website | Demo

Rich Text Editor, the application of the IFRAME element, the function is very complete, can satisfy our complex text editing. size (~18k)! (Portable/minified JS, Plugins & CSS together have 12k w/o gzip, HTML can be reduced to ~3k using GZIP, Images (w/o emoticons) are than 3k) compatible with mainstream browsers support all the basic features of the plugin feature image upload, implemented via Ajax (using Ajaxfileupload plugin). You can adjust the text area. Supports XHTML 1.0 validation and filtering (Note:this refers to the editor's markup and not to it's generated content which may/May is Val id!). has HTML correction function wymeditor–jquery

Official Website | Demo

WYMeditor is an XHTML editor for web-based Wysiwym (you see what you mean). WYMeditor's main concept is to leave the details of the visual layout of the document and focus on its structure and meaning while striving to provide the user 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 application without installation, this is 100 of JavaScript code written-no plug-ins, no delay support image, link, table support CSS has APIs, support Plug-ins free and open source compatible mainstream browser Tin Ymce–non-jquery

Official Website | Demo

TinyMCE is an independent platform, web-based JavaScript HTML WYSIWYG Editor, is open source. Super strong HTML text or other element conversion capabilities to edit the instance. Easy integration-requires only a few lines of code customization-themes and plug-ins to block 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 to load. Compatible ajax-compatible–you can easily use AJAX to save and load content! Supports internationalized –multilanguage support using language packs. Open source –free under the LGPL license, millions of PPL help test and improve this editor. Fckeditor–non-jquery

Official Website | Demo

This HTML text editor has features similar to MS Word. It is lightweight and eliminates the need to install compatible mainstream browser support XHTML 1.0 can customize its own CSS font format: type, size, color, style, bold, italic, etc Text Format: alignment, Indentati On, bullets list, etc support cut, Paste, and Paste as Plain Text, Undo and Redo Paste to Word cleanup with auto detection support Insert Picture, upload, preview right-click there drop-down menu support plugin has smart spell checker 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, it can replace the standard HTML text; Support text font selection, bold, italic, have sequence table, no sequence table, links, drag and drop pictures, toolbar through Plug-ins are extensible, can achieve a high degree of personalization. Xinha–non-jquery

Official Website | Demo

Xinha (pronounced like Xena, the Warrior Princess) is a powerful WYSIWYG HTML editor component that supports all current browsers. Its configurabilty and scalability makes it easy to generate the right content, unrestricted

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/

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.