Textarea-Baidu Rich Text editor plugin Ueditor

Ueditor demonstration of various examples

Ueditor is an open source online HTML editor launched by Baidu.

Main Features:

Lightweight: code is streamlined and loaded quickly.

Customization:
A new layered concept to meet the diverse needs.
With a three-tier architecture:
1. Core layer: Provide the underlying API for the command layer, such as the Range/selection/domutils class.
2. Command plug-in layer: The command command is developed based on the core layer, and the commands are independent of each other.
3. Interface layer: Provide user interface for command layer.
Meet the needs of different levels of users.

Browser compatible
Compatible with Mozilla, MSIE, FireFox, Maxthon,safari and Chrome to make the browser non-discriminatory.

Attention to detail
Unify the table selection method under different browsers.
Provides a black/white list of filtering mechanisms.
Better word support, implement paste conversion mechanism.

Stability
Through a professional QA team testing, thousands of test cases, including automation use cases and manual use cases, are still being perfected.

Home: http://ueditor.baidu.com/index.html Demo Address: http://ueditor.baidu.com/onlinedemo.html Basic Example

• Simple example
  Simple functionality with basic buttons

Application Showcase

• Form Application
  The contents of the editor are submitted to the background through the form
• Reset Editor
  Clears the internal variables of the editor and resets them.
• Text Field Rendering editor
  Renders the editor to a text field and places the contents of the text field in the editor's initialization content

Two-time development

• Two development examples
  Add a custom normal button, drop-down menu button, dialog box button
• custom toolbar
  Design your own editor with your own skin
• Custom Plugins
  Develop your own plugins on the basis of the editor

Advanced case

• Complete example
  Full functionality of the editor
• Chart example
  Chart functions
• Table Sort Example
  Edit the table and set the sorting to click Sort in the display area
• Directory Outline Examples
  Get the contents of the edited directory outline, and update the editor content by manipulating the directory
• Multiple editor instances
  One page instantiates multiple editors and does not affect each other
• Render the editor in a table
  Render Editor in table
• Jquery
  Using the editor in jquery
• Jqueryvalidation
  The editor is validated in Jqueryvalidation
• Display Page Uparse.js parsing
  Automatically parse edits in the presentation page by calling Uparse.js
• Custom filtering rules
  Configure Filterrules to customize the black-and-white list, filter and convert the tags and attributes you want
• Set width height
  Set the wide-height demo page
• Multiple edit areas use an editor instance
  Multiple edit areas use an editor instance

Textarea-Baidu Rich Text editor plugin Ueditor