如何实现导入Word文档到kindeditor编辑器中？

图片的复制无非有两种方法，一种是图片直接上传到服务器，另外一种转换成二进制流的base64码
目前限chrome浏览器使用
首先以um-editor的二进制流保存为例：
打开umeditor.js，找到UM.plugins['autoupload']，然后找到autoUploadHandler方法，注释掉其中的代码。
加入下面的代码：

//判断剪贴板的内容是否包含文本

//首先解释一下为什么要判断文本是不是为空

//在ctrl+c word中的文字或者图片之后会返回1种(image/png)或者4种type(text/plain,text/html,text/rtf,image/png)类型的对象

//为了兼容4种格式的情况，做了如下的判断

//如下代码：e.originalEvent.clipboardData.items获得剪贴板的内容

//当粘贴了文本之后text是不为空的，同时也会返回当前文本的图片类型

//如果有文字的话不做任何的处理，如果只粘贴图片的话文本一定是空的，包括复制的桌面图片或者截图的图片

var text = e.originalEvent.clipboardData.getData("text");

if(text == ""){

var items=e.originalEvent.clipboardData.items;

for (var i = 0, len = items.length; i < len; i++) {

var item = items[i];

if ( item.kind == 'file' && item.type.indexOf('image/') !== -1 ) {

var blob = item.getAsFile();

getBase64(blob, function( base64 ) {

//sendAndInsertImage(base64,me); 上传到服务器

setBase64Image(base64,me);

});

//阻止默认事件, 避免重复添加;

e.originalEvent.preventDefault();

};

}

两个方法：

//执行插入图片的操作

function setBase64Image(base64,editor){

editor.execCommand('insertimage', {src: base64,_src: base64});

}

//获得base64

function getBase64(blob, callback) {

var a = new FileReader();

a.onload = function(e) {callback(e.target.result);};

a.readAsDataURL(blob);

};

效果展示：

示例下载地址，下载前选择合适的语言版本：

asp：https://gitee.com/xproer/wordpaster-asp-kindeditor4x

asp.net：https://gitee.com/xproer/wordpaster-asp.net-kindeditor4x

jsp：https://gitee.com/xproer/wordpaster-jsp-kindeditor4x

php：https://gitee.com/xproer/wordpaster-php-kindeditor4x

如何实现导入Word文档到kindeditor编辑器中？相关推荐

html保存导入word文档格式,WordPress网站在导入Word文档时如何保持原有格式
WordPress程序后台有文章发布功能,可以添加文字和图片.如果想将自己在排版好的Word 文档导入到WordPress ,作为文章发布,却不是一件容易的事情,如果我们直接复制,Word 文档本身的 ...
怎么把cad文件导入word文档？
方法:我们把CAD图纸以图片的形式插入Word.方法如下: 1.我们运行CAD编辑器专业版,点击菜单栏"文件-打开"选项,或是按快捷键"Ctrl+O",打 ...
jquery实现HTML页面导入word文档
jquery实现HTML页面导入word文档 FileSaver.js /* * FileSaver.js * A saveAs() FileSaver implementation. * * By ...
【在工程Word文档的大量表格中自动插入图片的python程序】
在工程Word文档的大量表格中自动插入图片的python程序一.问题描述在word的表格中插入图片代码图形界面GUI设计程序打包一.问题描述我的姐姐是一个工程技术公司的资料员,经常需要在w ...
js html保存word文档,js将页面中指定内容保存到WORD
在网页WEB中,我们可以借助JS代码,将页面中指定的内容或特定的局部内容,而不是整个页面,导出到WORD文档,进而可以通过WORD保存的方法,生成WORD文件. 通过这种方法,在导出的时候,如果是第一 ...
Word文档粘贴的表格中文字有淡灰色背景的去除方法
直接从excel粘贴过来的表格特征: 无论怎么改字符的底色还是边框底纹都无法去除: 更改字符底纹,该底纹也没有变化: 更改各种格式样式都无法消除: 各种格式刷都不管用. 光标移到别处不会显示灰色背景 ...
怎样把Word文档插入到CAD中？
之前和大家分享了在CAD制图工作中,如何在CAD中插入各种对象的操作方法,其中包括Excel表格.写字板文档或是PPT幻灯片等,那么该怎样把Word文档插入到CAD中?今天小编就和大家继续分享讨 ...
可以将Word文档插入到CAD中吗？怎么操作？
有工作中,我们经常会需要使用到Excel.Word等办公软件,像一些从事建筑.设计等行业的小伙伴们呢而言,有时候也会需要将CAD图纸中插入Word等内容,那么如何操作才能将Word插入到CAD图纸中呢 ...
java web 操作word文档_Java Web项目中使用Freemarker生成Word文档
Web项目中生成Word文档的操作屡见不鲜.基于Java的解决方式也是非常多的,包含使用Jacob.Apache POI.Java2Word.iText等各种方式,事实上在从Office 2003開始 ...

如何实现导入Word文档到kindeditor编辑器中？

如何实现导入Word文档到kindeditor编辑器中？相关推荐

最新文章

热门文章