百度编辑器UEditor的插件开发1.概述UEditor是由百度web前端研发部开发的所见即所得富文本web编辑器，具有轻量、可定制、注重用户体验等特点，开源基于BSD协议，允许自由使用和修改代码。2.下载UEditor截至2013.11.27，最新版本为1.3.5，下面是具体的相关文档的下载地址：百度官网下载地址：http://ueditor.baidu.com/website/download.html#ueditor；官方文档资料地址:http://ueditor.baidu.com/website/document.html；官方API地址：http://ueditor.baidu.com/doc/。3.源码包文件说明从官网上下载完整源码包，解压到任意目录，解压后的源码目录结构如下所示：•_examples：编辑器的示例页面•dialogs：弹出对话框对应的资源和JS文件•themes：样式图片和样式文件•editor.config.js：编辑器的配置文件•editor.api.js：开发版的所有js文件导入•editor.all.js：使用版的所有js文件•lang：语言文件•jsp、net、php：涉及到服务器端操作的文件•third-party：第三方插件4.部署和使用UEditor可供普通用户使用，同时UEditor的插件机制也为二次开发者提供了自定义插件的开发。1）在项目的任一文件夹中建立一个用于存放UEditor相关资源和文件的目录。2）创建简单的编辑器实例，首先在html页面中准备一个dom容器，容器可以是<textareaid="editor"></textarea>或<divid="editor"></div>，也可以是<scripttype="text/plain"id="editor"></script>标签。3）引入相关文件12345<scripttype="text/javascript"src="editor.config.js"></script><!--使用版--><!--<scripttype="text/javascript"src="ueditor.all.js"></script>--><!--开发版--><scripttype="text/javascript"src="editor.api.js"></script>4）创建编辑器123456789<scripttype="text/javascript"charset="utf-8">//通过new操作符实例化编辑器对象varmyEditor=newbaidu.editor.ui.Editor();myEditor.render('editor');//渲染dom容器//使用UE.getEditor(）实例化编辑器对象varmyEditor=UE.getEditor('myEditor');//通过new操作符实例化编辑器对象并自定义配置项1011121314151617181920212223242526272829varmyEditor=newbaidu.editor.ui.Editor({toolbars:[//自定义工具栏['FullScreen','Source','Undo','Redo']],wordCount:false,//关闭字数统计elementPathEnabled:false,//关闭elementPathinitialFrameHeight:300//默认的编辑区域高度});myEditor.render('editor');//通过UE.getEditor(）实例化编辑器对象并自定义配置项UE.getEditor('myEditor',{toolbars:[//自定义工具栏['FullScreen','Source','Undo','Redo']],wordCount:false,//关闭字数统计elementPathEnabled:false,//关闭elementPathinitialFrameHeight:300//默认的编辑区域高度})</script>说明：使用<textarea>和<scripttype="text/plain">标签做渲染容器，可以在容器中设置编辑器初始化的内容，如：<textareaid="editor">编辑器初始化的内容</textarea>；<scripttype="text/plain"id="myEditor">编辑器初始化的内容</script>；但是如果使用div作为渲染容器，就不可以在标签里设置初始值，但可通过在创建编辑器的时候配置initialContent参数来设置初始值。5.自定义插件的开发5.1UEditor的整体架构UEditor的架构设计采用了传统的分层架构模式，从低到高依次分为核心层、命令插件层和UI层这样三个低耦合的层次。1)核心层提供了编辑器底层的一些方法和概念，如DOM树操作、Selection、Range等；2)在核心层之上覆盖的是命令插件层；3)在命令插件层之上则是UI层。5.2UEditor的插件机制从根本上来说，除了核心提供的几个编辑器底层封装类之外，UEditor的全部功能都是通过外挂插件或者是命令（实质上也可以看成特殊的插件）来实现的。UEditor中插件的实质是在编辑器实例下面绑定的一个以插件名字命名的函数，然后通过编辑器实例化过程去执行这个函数，并将实例对象传递到插件内部作为其this对象来完成所有的功能操作。5.3自定义插件的开发1)在editor.config.js配置文件中的toolbars项添加插件名，如分页插件：zpagebreak，toolbars:[[..,'zpagebreak']]；2)在editor.config.js...