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日
  • vue 组件对外暴露方法(vue 中的store如何存取数据)

    技术Vue中怎样把数据包装成reactive从而实现MDV效果Vue中怎样把数据包装成reactive从而实现MDV效果,很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来

    攻略 2021年12月25日
  • 汇编语言怎么实现简单数学运算

    技术汇编语言怎么实现简单数学运算这篇文章主要介绍“汇编语言怎么实现简单数学运算”,在日常操作中,相信很多人在汇编语言怎么实现简单数学运算问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”汇编语

    攻略 2021年11月29日
  • python代码烟花特效需要会什么(python烟花编程代码是什么)

    技术python实现烟花的实例代码怎么编写本篇文章给大家分享的是有关python实现烟花的实例代码怎么编写,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。实现

    攻略 2021年12月21日
  • java的定义类如何使用(java怎么定义实现类)

    技术Java的组合类怎么定义这篇文章主要讲解了“Java的组合类怎么定义”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“Java的组合类怎么定义”吧!我们可以在一个新类的定

    攻略 2021年12月21日
  • 12月13号

    技术12月13号 12月13号一.获取上传视频后id和用户名的信息protected void Page_Load(object sender, EventArgs e) {

    礼包 2021年12月14日