UEditor各种实例演示
Ueditor 是百度推出的一款开源在线 HTML 编辑器。
主要特点:
轻量级:代码精简,加载迅速。
定制化:
全新的分层理念,满足多元化的需求。
采用三层架构:
1. 核心层: 为命令层提供底层API,如range/selection/domUtils类。
2. 命令插件层: 基于核心层开发command命令,命令之间相互独立。
3. 界面层: 为命令层提供用户使用界面。
满足不同层次用户的需求。
浏览器兼容
兼容Mozilla, MSIE, FireFox, Maxthon,Safari 和Chrome,实现浏览器无差别化。
注重细节
统一不同浏览器下表格选取方式。
提供黑/白名单的过滤机制。
更好的word支持,实现粘贴转换机制。
稳定性
经过专业的QA团队测试,通过上千个测试用例,包括自动化用例和手动用例,目前仍然在不断完善中。
主页:
基础示例
- 简单示例
使用基础的按钮实现简单的功能
应用展示
二次开发
- 二次开发例子
添加自定义的普通按钮、下拉菜单按钮、对话框按钮 - 自定义Toolbar
用自己的皮肤,设计自己的编辑器 - 自定义插件
在编辑器的基础上开发自己的插件
高级案例
- 完整示例
编辑器的完整功能 - 图表示例
图表功能 - 表格排序示例
编辑表格,并设置排序后可在展示区域点击排序 - 目录大纲示例
获取编辑内容的目录大纲,并通过操作目录,更新编辑器内容 - 多编辑器实例
一个页面实例化多个编辑器,互不影响 - 在表格中渲染编辑器
表格中渲染编辑器 - jquery
jquery中使用编辑器 - jqueryValidation
编辑器在jqueryValidation中验证 - 展示页面uparse.js解析
通过调用uparse.js在展示页面中自动解析编辑内容 - 过滤规则定制化
通过配置filterRules可以定制黑白名单,过滤和转换你要的标签和属性 - 设置宽高
设置宽高的demo页面 - 多个编辑区使用一个编辑器实例
多个编辑区使用一个编辑器实例