Comparison of several online text editors (jquery text editor)

Source: Internet
Author: User
Tags comparison table mootools wysiwyg html editor

Demo Web: http://www.aigou8.net

I have been searching for an online text editor for the past few days and tried some of them. Some of them are recorded below:
A foreign website records a comparison table covering almost all WYSIWYG online Editors:
Http://www.geniisoft.com/showcase.nsf/WebEditors
Open-source community websites in China record frequently used online editors
Http://www.open-open.com/ajax/Editor.htm
Http://www.oschina.net/project/lang/28? Tag= 172
Several ASP. NET online text editors
Http://hi.baidu.com/sunny17/blog/item/6e3b931c5bf09d8f86d6b682.html

First, I think it is worth using:
1. FCKeditor
I don't need to talk about how he is doing. There are a lot of online resources, but there is a size of nearly kb ~~~
2. xheditor
This control seems to be used by a few people, but it looks good! JS + CSS + picture a total of 50 K, small ah, Chinese!
3. tinyMCE
The online rating is very high. It is worth a try, but it is relatively large. It is nearly kb in Chinese!
4. xinha
The online rating is also high, and it is worth a try. However, there are more than 120 kbit/s ~~~
5. CuteEditor
It is said that CSDN uses this and charges fees, but there are cracked versions.
6. kindeditor
Beautification is good. If you are interested, you can have fun. It is very easy to use, 70 ~ 80 K!
7. HTMLArea
Functions are similar. You can give it a try.
8. Cross-Browser Rich Text Editor
Small. The total volume cannot exceed 40 kb. Try it.
9. SinaEditor
Sina editor should be the most user-friendly Editor, which is simple and generous and easy to use and powerful. But the size is good. Let's check it out ~~

The following is what I think is average (personal feeling !)
1. InnovaStudio WYSIWYG Editor
Yes
2. eWebEditor
Made by Chinese people, paid
3. jwysiwyg
Small but not easy to use
4. WYMeditor
The style is not easy to read. I do not like it ~~
5. openWYSIWYG
Poor style, nearly 100 K
6. Free Rich Text Editor
It is quite difficult to use. Even adding a table uses a dedicated html page, which is too complicated to maintain.
7. MarkitUp
Cannot "What you see is what you get"

Summary: The editors that I think are worth using generally have complete help documents, continuous development in communities, recent updates, convenient and flexible use, and support multiple definition methods, what you can see is what you get. It is safe and fast in coding. The program interface supports Chinese characters. The interface style is pretty and has complete functions.
If you want to select a feature that is powerful and popular, you can select FCKeditor and tinyMCE, but the price is large. It is worth considering in terms of performance. If the function requirement is not very high, you can also select xheditor or
Kindeditor, of course, has smaller ones, such as jwysiwyg or Damn Small Rich Text Editor. However, it is inconvenient to use and is worth the candle.

PS: If you need code coloring, you can use a jquery plug-in: highlighter, which encapsulates non-jquery versions of highlighter and is very convenient to use!

Source: http://hi.baidu.com/sxwlty/blog/item/dc5cc30942e78a2e6b60fbb6.html

JwysiwygWYSIWYG jQuery plugin. The size of the entire editor file is only 17Kb.

Jwysiwyg

JQuery 

Damn Small Rich Text Editor is developed based on jQuery and can create a Rich Text Editor from the IFRAME element. Provides all basic Rich Text functions, including setting the size of the Text editing area and uploading images through Ajax.

Damn Small Rich Text Editor

JQuery 

EditAreaEditArea is a javascript source code editor. Supported: Text Formatting, search and replacement, and real-time syntax coloring. Currently, Supported languages include PHP, CSS, Javascript, Python, HTML, XML, VB, C, CPP, SQL, Pascal, Basic, and Brainf * ck.

EditArea

Highlight 

NicEditNicEdit is a lightweight, cross-platform Inline Content Editor. NicEdit enables any element/div to be editable or converts standard textareas to a Rich text editor.

NicEdit

Damn Small Rich Text Editor is developed based on jQuery. After compression, it is only about 18 K Rich Text Editor. All basic Rich Text functions are provided to adjust the Text area size, use the AjaxFileUpload plug-in to upload images, clear HTML tags, Mark Text modifications, and support various browsers (FF1.5 +, IE7, and IE6 ). In addition, the text processing function can be extended through plug-ins.

Damn Small Rich Text Editor

JQuery 

WYMeditorWYMeditor is a web wysiwym xhtml editor.

WYMeditor

TinyMCETinyMCE is an open-source, pure JavaScript html wysiwyg editor. It can convert html textarea or other HTML tags into a Rich editor. TinyMCE is very easy to integrate into other content management systems. You can customize the editor that meets your needs through the appearance, themes, and plug-ins. Provides Chinese language packs. Multiple browsers support Mozilla, MSIE, FireFox, Opera, and Safari. In addition, you can easily use Ajax to save and load content.

TinyMCE

Yahoo! UI: Rich Text Editor from Yahoo! A powerful Rich text editor in the UI library.

Yahoo! UI: Rich Text Editor

YUI 

FCKeditorFCKeditor is an HTML text editor similar to MS Word. Compatible with a variety of browsers, the output conforms to the XHTML1.0 standard, and supports CSS for better combination with your website. It provides right-click operation menus, supports direct pasting from Word, and supports customizing function toolbar, supports skin replacement and extension through plug-ins.

FCKeditor

Control. EditorControl. Editor is a WYSIWYG Editor developed based on Mootools.

Control. Editor

Mootools 

The cross-browser WYSIWYG Editor is developed by openWYSIWYG pure javascript. With only one line of simple code<Textarea>Convert tags into a powerfulWYSIWYG editor.

OpenWYSIWYG

Free Rich Text EditorFree Rich Text Editor is an easy-to-use html wysiwyg Editor. You only need three lines of code to install the editor. The following browsers are supported:

  • Internet Explorer

    • Internet Explorer 6 (Microsoft Windows)
    • Internet Explorer 7 (Microsoft Windows)
  • Mozilla Firefox
    • Mozilla Firefox 1.5 + (Microsoft Windows)
    • Mozilla Firefox 1.5 + (Apple Macintosh)
  • Opera
    • Opera 9 (Microsoft Windows)
  • Safari
    • Safari 1.3 + (Apple Macintosh)

    Free Rich Text Editor

XinhaXinha is a powerful wysiwyg html editor that supports all Mozilla-based browsers and ms ie. It features easy scalability and rich functional modules. It also provides file management, Image Upload plug-ins, and simple editing of images.

Xinha

MarkitUpMarkitUp is a lightweight, customizable, and flexible WYSIWYG Editor.

  • Supports shortcut keys
  • Support Ajax dynamic Preview
  • Supports IE7, Safari3.1, Firefox2, Firefox3, IE6, and Opera9 +
  • Supports html, Wiki, BBScode, and other editing formats

    MarkitUp

    JQuery 

SmartMarkUPSmartMarkUP is a lightweight and powerful JavaScript library that converts Textarea controls into rich text editors. Supports HTML, CSS, XML, Wiki syntax, and BBCode, which can be configured as needed. SmartMarkUP is not developed based on any javascript framework and is easy to use in combination with existing projects.

SmartMarkUP

CKEditorCKEditor is FCKeditor 3.0 with better performance and rich and powerful integration/interaction interfaces as well as a brand new user interface.

CKEditor

KindEditorKindEditor is an HTML visual editor written in JavaScript. With:

  • Less code and faster loading.
  • The built-in custom range perfectly supports span tags.
  • All functions are plug-ins. It is very easy to add custom functions.
  • The editor style is defined in a CSS file.
  • Supports most browsers, such as IE, Firefox, Safari, Chrome, and Opera.

    KindEditor

WMD-EditorWMD (Wysiwym Markdown Editor) is a simple and lightweight HTML Editor. It is suitable for posting comments on a blog and posting on a forum.

WMD-Editor

JHtmlArea is a simple, lightweight, scalable, and jQuery-based wysiwyg html editor. This component can easily convert the TextArea tag on the page into a wysiwyg html Editor. The entire Editor contains images and CSS with a size of only 22 KB.

JHtmlArea

JQuery 

ReditorReditor is an HTML Editor developed based on JQuery and JQuery UI.

Reditor

JQuery 

HtmlBoxHtmlBox is a jQuery-based HTML/XHTML editor. Easy to use. Supports multiple browsers: Mozilla Firefox, Internet javaser6.0, Opera, Safari, and Netscape. Very small, only 15 kb. HtmlBox returns HTML by default, but can also output XHTML. Integrate Ajax support.

HtmlBox

JQuery 

KISSY Editor is a compact HTML Editor that only relies on yahoo-dom-event. It does not exceed 50 kb after min and does not exceed 20 KB after gzip. Has Basic Editor functions. Tested browsers: IE6 +, Firefox3.5 +, Safari4 +, Chrome2 +, and Opera10 +.

KISSY Editor

XhEditorxhEditor is a simple mini and efficient visual XHTML editor developed based on jQuery. It is web-based and compatible with IE 6.0-8.0, Firefox 3.0, Opera 9.6, Chrome 1.0, and Safari 3.22.
Features (Features ):

  • Small: initially load 5 files, including: 1 js (45 k) + 2 css (7 k) + 2 images (4 k), a total of 56 k. If the js and css files are compressed and transmitted by gzip, it can be further reduced to about 21 kb.
  • Fast: developed based on the jQuery engine to provide efficient code execution efficiency
  • Simple: a Simple call method. With a class attribute, You can instantly turn your textarea into a visual editor with rich functions.
  • Word: implements automatic detection and cleaning of Word Code, provides an efficient and perfect Word Code filtering solution, optimizes and simplifies the generated code, but does not lose any details.
  • UBB: provides the perfect UBB visual editing solution. You can enjoy the convenience of visual editing while obtaining secure and efficient code storage.

    XhEditor

    JQuery 

FileManager is an open-source File Manager developed based on jQuery and can be integrated into CKEditor/FCKEditor and other HTML editors. Upload, download, rename, and delete files. FileManager is implemented in Python by default on the server side, but its support for other languages can be extended through a simple JavaScript API provided by FileManager.

FileManager

JQuery 

Demo Web: http://www.aigou8.net

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.