【优质】ueditorword导入编辑-word范文模板 (13页)

合集下载
相关主题
  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

本文部分内容来自网络整理,本司不为其真实性负责,如有异议或侵权请及时联系,本司将立即删除!

== 本文为word格式,下载后可方便编辑和修改! ==

ueditorword导入编辑

篇一:百度编辑器UEditor的插件开发

百度编辑器UEditor的插件开发

1.概述

UEditor是由百度web前端研发部开发的所见即所得富文本web编辑器,具有轻量、可定制、注重用户体验等特点,开源基于BSD协议,允许自由使用和修改代码。

2.下载UEditor

截至201X.11.27,最新版本为1.3.5,下面是具体的相关文档的下载地址:

百度官网下载地址:/website/download.html#ueditor;官方文档资料地址:/website/document.html;官方API地址:/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容器,容器可以是

,也可以是标签。

3)引入相关文件

4)创建编辑器

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18 varmyEditor=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,//关闭字数统计 elementPathEnabled:false,//关闭elementPath

initialFrameHeight:300//默认的编辑区域高度 });

myEditor.render('editor');

20

21

22

23

24

25

26

27

28

29 //通过UE.getEditor()实例化编辑器对象并自定义配置项

UE.getEditor('myEditor',{ toolbars:[//自定义工具栏

['FullScreen','Source','Undo','Redo'] ], wordCount:false,//关闭字数统计 elementPathEnabled:false,//关闭elementPath

initialFrameHeight:300//默认的编辑区域高度 })

说明:使用

编辑器初始化的内容;

但是如果使用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配置文件中的labelMap项添加鼠标移入插件提示文字:labelMap:{..,'zpagebreak':'分页'};

3)在_src/ui/editorui.js文件中的命令按钮项btnCmds添加插件名:

btnCmds=[..,'zpagebreak'];;

4)插件内部结构

篇二:如何实现WORD文档自动导入网站数据库

如何实现WORD文档自动导入网站数据库最近,本人在制作个人网站时发现,

如何把手中的WORD文档快速的上传到自己的网站是个大问题。主要的拦路虎就是文档中嵌入的图片如何上传,秉承网人传统“不懂问百度”的精神,我在百

度上搜了好久,发现这真的是一个好问题,现成的解决方法还是有的:

首先有个台湾的编辑器在很久之前就解决了这个问题,它是eWebEditor,它的

解决方案是在你的机器上安装一个浏览器插件,我试用了一下格式保留不错,

图片正确上传。但很不幸它要收费,对于我辈屌丝来说,收费的东东用不起啊。而且在百度搜了下,听人说eWebEditor还存在很大的安全问题,所以自然就pass了。

相关文档
最新文档