您的位置:首页 > 产品设计 > UI/UE

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

2016-04-04 00:10 423 查看

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页面

多个编辑区使用一个编辑器实例

多个编辑区使用一个编辑器实例
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: