KindEditor

技术KindEditor KindEditor - 支持word上传的富文本编辑器?
图片的复制无非有两种方法,一种是图片直接上传到服务器,另外一种转换成二进制流的base64码
目前限chrome浏览

KindEditor-支持文字上传的富文本编辑器

复制图片的方式不超过两种,一种是直接上传图片到服务器,另一种是转换成二进制流的base64代码。

目前仅限于chrome浏览器。

首先,以um-editor的二进制流保存为例:

打开umeditor.js,找到UM.plugins['autoupload'],然后找到autoUploadHandler方法并注释掉代码。

添加以下代码:

//确定剪贴板是否包含文本。

//首先说明为什么要判断文字是否为空。

//在ctrl c word中的文本或图片后,将返回1(图像/png)或4(文本/普通、文本/html、文本/rtf、图像/png)类型的对象。

//为了与四种格式兼容,做出如下判断。

//下面的代码:e . originalevent . clipboarddata . items获取剪贴板的内容。

//粘贴文本时,文本不为空,同时返回当前文本的图片类型。

//如果有文字,不做任何处理。如果只粘贴图片,文本必须为空,包括复制的桌面图片或截图。

var text=e . originalevent . clipboarddata . getdata(' text ');

if(text==' '){ 0

var items=e . originalevent . clipboard . items;

for (var i=0,len=items.length我透镜;I){ 0

var item=items[I];

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

var blob=item . GetasFile();

getBase64(blob,function(base64)}

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

setBase64Image(base64,me);

});

//防止重复添加默认事件;

e . originalevent . preventdefault();

};

}

}

两种方法:

//执行插入图片的操作。

函数setBase64Image(base64,编辑器){ 0

editor . exec command(' insert image ',{ src: base64,_ src 3360 base64 });

}

//获取base64

函数getBase64(blob,回调){ 0

var a=new FileReader();

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

a . readasdataurl(blob);

};

显示效果:

详情请参考本文:ueditor word Image上传-泽友软件博客

小组讨论:223813913

内容来源网络,如有侵权,联系删除,本文地址:https://www.230890.com/zhan/116876.html

(0)

相关推荐

  • 英尺和米怎么换算,英尺、市尺、米毫米之间怎么换算

    技术英尺和米怎么换算,英尺、市尺、米毫米之间怎么换算一英尺和米怎么换算、概念不同: 市尺的长度是我国根据国际标准重新度量了原有的市尺,使之容易与公尺进行折算。英尺——在英语国家中,古代和现代各种以人脚长度为依据的长度计量

    生活 2021年10月30日
  • 怎么将python项目打包成exe与安装包

    技术怎么将python项目打包成exe与安装包这篇文章主要介绍“怎么将python项目打包成exe与安装包”,在日常操作中,相信很多人在怎么将python项目打包成exe与安装包问题上存在疑惑,小编查阅了各式资料,整理出

    攻略 2021年11月16日
  • 如何理解Spring启动过程

    技术如何理解Spring启动过程这篇文章主要介绍“如何理解Spring启动过程”,在日常操作中,相信很多人在如何理解Spring启动过程问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”如何理

    攻略 2021年10月20日
  • 手机掉水里马上捞起来会进水吗,苹果七掉进水里会进水么

    技术手机掉水里马上捞起来会进水吗,苹果七掉进水里会进水么一旦iphone进水手机掉水里马上捞起来会进水吗,按以下步骤处理:1、以最快速度把iphone从水里把它捞出来。2、立即关掉iPhone。马上断开电源。因为手机的损

    2021年10月21日
  • C++与R交互方法是什么

    技术C++与R交互方法是什么本篇内容主要讲解“C++与R交互方法是什么”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“C++与R交互方法是什么”吧!一、C++代码1.cpp#i

    攻略 2021年11月29日
  • 怎么使用JavaScript异步操作中串行和并行

    技术怎么使用JavaScript异步操作中串行和并行这篇文章主要讲解了“怎么使用JavaScript异步操作中串行和并行”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“怎么

    攻略 2021年11月19日