百度编辑器ueditor的插件开发

百度编辑器ueditor的插件开发

ID:1240805

大小:120.00 KB

页数:19页

时间:2017-11-09

百度编辑器ueditor的插件开发_第1页
百度编辑器ueditor的插件开发_第2页
百度编辑器ueditor的插件开发_第3页
百度编辑器ueditor的插件开发_第4页
百度编辑器ueditor的插件开发_第5页
资源描述:

《百度编辑器ueditor的插件开发》由会员上传分享,免费在线阅读,更多相关内容在学术论文-天天文库

1、百度编辑器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

2、地址: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.部署和使用

3、UEditor可供普通用户使用,同时UEditor的插件机制也为二次开发者提供了自定义插件的开发。1)在项目的任一文件夹中建立一个用于存放UEditor相关资源和文件的目录。2)创建简单的编辑器实例,首先在html页面中准备一个dom容器,容器可以是

,也可以是标签。3)引入相关文件12345

4、src="editor.config.js">4)创建编辑器123456789101112131415161718//通过new操作符实例化编辑器对象va

5、rmyEditor=newbaidu.editor.ui.Editor();myEditor.render('editor');//渲染dom容器//使用UE.getEditor()实例化编辑器对象varmyEditor=UE.getEditor('myEditor');//通过new操作符实例化编辑器对象并自定义配置项varmyEditor=newbaidu.editor.ui.Editor({toolbars:[//自定义工具栏['FullScreen','Source','Undo','Redo']],wordCount:false,//

6、关闭字数统计elementPathEnabled:false,//关闭elementPathinitialFrameHeight:300//默认的编辑区域高度});myEditor.render('editor');1920212223242526272829//通过UE.getEditor()实例化编辑器对象并自定义配置项UE.getEditor('myEditor',{toolbars:[//自定义工具栏['FullScreen','Source','Undo','Redo']],wordCount:false,//关闭字数统计elemen

7、tPathEnabled:false,//关闭elementPathinitialFrameHeight:300//默认的编辑区域高度})说明:使用编辑器初始化的内容;但是如果使用div作为渲染容器,就不可以在标签里设置初始值

8、,但可通过在创建编辑器的时候配置initialContent参数来设置初始值。5.自定义插件的开发5.1UEditor的整体架构UEditor的架构设

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。
相关标签