Textarea - 百度富文本编辑器插件UEditor

Posted 2020-07-03 君临

UEditor各种实例演示

Ueditor 是百度推出的一款开源在线 html 编辑器。

主要特点：

轻量级：代码精简，加载迅速。

定制化：
全新的分层理念，满足多元化的需求。
采用三层架构：
1. 核心层： 为命令层提供底层API，如range/selection/domUtils类。
2. 命令插件层： 基于核心层开发command命令，命令之间相互独立。
3. 界面层： 为命令层提供用户使用界面。
满足不同层次用户的需求。

浏览器兼容
兼容Mozilla, MSIE, FireFox, Maxthon,Safari 和Chrome，实现浏览器无差别化。

注重细节
统一不同浏览器下表格选取方式。
提供黑/白名单的过滤机制。
更好的word支持，实现粘贴转换机制。

稳定性
经过专业的QA团队测试，通过上千个测试用例，包括自动化用例和手动用例，目前仍然在不断完善中。

主页:

http://ueditor.baidu.com/index.html

演示地址:

http://ueditor.baidu.com/onlinedemo.html

 

基础示例

• 简单示例
  使用基础的按钮实现简单的功能

应用展示

• 表单应用
  编辑器的内容通过表单提交到后台
• 重置编辑器
  将编辑器的内部变量清空，重置。
• 文本域渲染编辑器
  将编辑器渲染到文本域，并且将文本域的内容放到编辑器的初始化内容里

二次开发

• 二次开发例子
  添加自定义的普通按钮、下拉菜单按钮、对话框按钮
• 自定义Toolbar
  用自己的皮肤，设计自己的编辑器
• 自定义插件
  在编辑器的基础上开发自己的插件

高级案例

• 完整示例
  编辑器的完整功能
• 图表示例
  图表功能
• 表格排序示例
  编辑表格,并设置排序后可在展示区域点击排序
• 目录大纲示例
  获取编辑内容的目录大纲，并通过操作目录，更新编辑器内容
• 多编辑器实例
  一个页面实例化多个编辑器，互不影响
• 在表格中渲染编辑器
  表格中渲染编辑器
• jquery
  jquery中使用编辑器
• jqueryValidation
  编辑器在jqueryValidation中验证
• 展示页面uparse.js解析
  通过调用uparse.js在展示页面中自动解析编辑内容
• 过滤规则定制化
  通过配置filterRules可以定制黑白名单，过滤和转换你要的标签和属性
• 设置宽高
  设置宽高的demo页面
• 多个编辑区使用一个编辑器实例
  多个编辑区使用一个编辑器实例