好库网 好库网首页 | 我的好库
好饱的专栏

好用的在线编辑器百度UEditor

发布者:好饱
发布日期:2012/3/15 15:42:47   更新日期:2012/3/15 15:56:41
阅读次数:2075
评分:4.80
介绍:Ueditor是由百度web前端研发部开发所见即所得的在线富文本编辑器,具有轻量,可定制,注重用户体验等特点。Ueditor基于BSD开源协议,除了具有代码精简、加载迅速的轻量级特质外,还采用了分层理念,使开发者可以根据实际应用和需求自由定制。它已经应用到百度百科、百度经验、百度空间等多个项目。
正文:

 

Ueditor是由百度web前端研发部开发所见即所得的在线富文本编辑器,具有轻量,可定制,注重用户体验等特点。Ueditor基于BSD开源协议,除了具有代码精简、加载迅速的轻量级特质外,还采用了分层理念,使开发者可以根据实际应用和需求自由定制。它已经应用到百度百科、百度经验、百度空间等多个项目。

 

Ueditor编辑器划分为了三层架构。其中,核心层为开发者提供了诸如range、selection、domUtils类的底层API接口,中间的命令插件层不仅提供了大量的基础command,还允许开发者基于核心层进行command命令的开发,而面向用户端的界面层则可以提供自由定制的用户交互界面。Ueditor开源编辑器这种拥有可配性的模式,令开发者能够根据自身需要接入任何一层进行开发。

 

如果你认为Fckeditor(CKEditor)编辑器已经无法满足你的要求,可以考虑更换为UEditor,Ueditor比Fckeditor更好看,操作性上也比Fckeditor好多了。

 

UEditor特点:

(1)轻量级

代码精简,加载迅速。

 

(2)定制化

全新的分层理念,满足多元化的需求。

采用三层架构:

1. 核心层: 为命令层提供底层API,如range/selection/domUtils类。

2. 命令插件层: 基于核心层开发command命令,命令之间相互独立。

3. 界面层: 为命令层提供用户使用界面。

满足不同层次用户的需求。

 

(3)浏览器兼容

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

 

(4)注重细节

统一不同浏览器下表格选取方式。

提供黑/白名单的过滤机制。

更好的word支持,实现粘贴转换机制。

 

(5)稳定性

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

 

 

实例代码:

(1)引用

 

<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>编辑器完整版实例</title>
<script type="text/javascript" src="ueditor/editor_config.js"></script>
<script type="text/javascript" src="ueditor/editor_all.js"></script>
<link rel="stylesheet" href="ueditor/themes/default/ueditor.css"/>
</head>

(2)创建实例

 

<body>
<div id="myEditor"></div>
<script type="text/javascript">
    var editor = new baidu.editor.ui.Editor();
    editor.render("myEditor");
</script>
</body>

(3)配置编辑器资源路径

 

var URL= "./ueditor/";
详细教程请参考:http://ueditor.baidu.com/teach.html
下载可以到:http://ueditor.baidu.com/download.html

 

 

 

 


评论 [发表评论]
账号 密码 还没帐号呢,现在注册一个?

免责声明:好库网所展示的信息由买卖双方自行提供,其真实性、准确性和合法性由信息发布人负责。好库网不提供任何保证,并不承担任何法律责任。