wangEditor编辑器从word粘贴公式

图片的复制无非有两种方法,一种是图片直接上传到服务器,另外一种转换成二进制流的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);

};

效果展示:

详细内容可参考这篇文章:http://blog.ncmem.com/wordpress/2019/08/07/ueditor-word%e5%9b%be%e7%89%87%e4%b8%8a%e4%bc%a0/

原文地址:https://www.cnblogs.com/songsu/p/11969761.html

时间: 2024-10-31 11:16:06

wangEditor编辑器从word粘贴公式的相关文章

空间日志编辑器:word文档图文快速粘贴到web

百度ueditor可以实现word文档图文快速粘贴到web 1.4.2之后官方并没有做功能的改动,1.4.2在word复制这块没有bug,其他版本会出现手动无法转存的情况 本文使用的后台是Java.前端为Jsp(前端都一样,后台如果语言不通得自己做 Base64编码解码) 因为公司业务需要支持IE8 ,网上其实有很多富文本框,效果都很好. 例如www.wangEditor.com  但试了一圈都不支持IE8 . 所以回到Ueditor,由于官方没有维护,新的ueditor 也不知道什么时候能支持

[Word]编辑公式

Word中有自带的公式编辑器:插入.公式.快捷键为:Alt + +. 1.为公式编号 用word自带的公式编辑器编辑公式时,加入公式编号的方式为: a) 公式后加 #(1) b) 回车 原文地址:https://www.cnblogs.com/pealicx/p/12153151.html

让编辑器支持word的复制黏贴,支持截屏的黏贴

chrome有很多人性化的API,比如拖拽, 比如图片可以转化为base64等: 比如知乎上面的回复中可以直接黏贴图片,  就不需要手动点击图片上传按钮, 选择图片, 确认上传等等: 知乎参考地址:打开 让编辑器支持word的复制黏贴, 其中图片会转化为base64编码, 如果是通过远程打开这个静态页, 黏贴word文档的时候, 图片不会黏贴进来, 因为远程地址无法访问本地磁盘的绝对路径, 如果把下面代码保存成静态界面打开, 那么word中的图片都可以看见, 而且都会被转化为base64编码:

word公式编辑器怎么打上下公式

在编写Word文档公式时,不仅需要输入简单的公式,遇到复杂的公式时候感觉头都大了.这是因为我们没有找到适合的方法,下面小编以我们常会遇到的带根号,分数和上下标的公式为例,跟大家科普一下如何用亿图公式编辑器编写复杂公式. 在编写公式文档时,字母部分可直接用键盘输入,注意将输入法切换到英文输入.公式部分,可以直接套用顶部符号区里的公式模板.还有更快捷的办法是可以通过右侧搜索栏里的模板,进行公式编辑. 1.积分运算 大学时候我们的基础课-微积分运算.在运算时候,只需要输入积分运算符号,如下图所示,选择

Word中公式编辑器mathtype中符号显示异常, “上弧形”无法显示,弧形显示方框

在Word的MathType中部分符号显示异常,如"上弧形"无法正常显示,显示为方框,如下所示:正确的显示方式为:,却显示成了这样: 解决的办法是: 在Mathtype文件夹下MathType\Fonts\TrueType中找到mtextra.ttf和Mt ExtraTiger.ttf(破解版免费软件的免费下载地址),复制到windows\fonts文件夹内即可(打开方式为:控制面板-->字体).如果系统提示已经存在,替换掉原文件即可,如下图: 未解决的问题: 在Word 201

Laravel项目中使用markdown编辑器及图片粘贴上传七牛云

本文为转载,原文:http://www.chairis.cn/blog/article/15 Markdown Markdown是一种可以使用普通文本编辑器编写的标记语言,通过简单的标记语法,它可以使普通文本内容具有一定的格式.本次我们选用的编辑器是: Editor.md,官网中也有很详细的介绍.从官网中下载安装下载的内容中,也有很多demo可以借鉴.在下载的包中,去除一些多余的内容,只保留我们需要的内容,然后加到项目的public目录下,如下图红色框内的内容: 项目中使用 在项目中使用edit

怎么让Word编辑公式又快又好

现在很多办公学习都是在电脑中进行的.很多文件论文都是在Word中编写定稿以后再打印成册或者去投稿.毫无疑问,在Word中编辑各种各样的文字与符号是一项现在社会中非常必要的技能,而这其中一项就是对公式的编辑.很多人在编辑公式时都是抓耳挠腮,费半天功夫也只编辑出几个简单的公式.那这篇文章就告诉Word公式怎么编辑才又快又好. 想要在Word中编辑出完美的公式,那MathType是一个非常有必要的工具.如果你只想用Word中文本编辑功能就编辑出各种复杂的公式,那是绝对不可能的,必要要有一个公式编辑器.

ckeditor 实现ctrl+v粘贴图片并上传、word粘贴带图片

由于工作需要必须将word文档内容粘贴到编辑器中使用 但发现word中的图片粘贴后变成了file:///xxxx.jpg这种内容,如果上传到服务器后其他人也访问不了,网上找了很多编辑器发现没有一个能直接解决这个问题 考虑到自己除了工作其他时间基本上不使用windows,因此打算使用nodejs来解决这一问题 发现不管什么编辑器只要将图片转换成base64后就可以直接使用(IE8及一下可能不支持),由于编辑器中添加word文档功能也只是自己用,因此可以忽略这种浏览器了 找了很久,试用了很多编辑器,

Fckeditor实现WORD粘贴图片自动上传

在之前在工作中遇到在富文本编辑器中粘贴图片不能展示的问题,于是各种网上扒拉,终于找到解决方案,在这里感谢一下知乎中众大神以及TheViper. 通过知乎提供的思路找到粘贴的原理,通过TheViper找到粘贴图片的方法. 其原理为一下步骤: 监听粘贴事件:[用于插入图片] 获取光标位置:[记录图片插入位置] 获取剪切板内容:[主要是获取文件] 上传剪切板图片: 在指定光标位置插入图片. 以下是代码部分: 1.获取光标代码部分,大部分都是直接利用TheViper的代码,只是做了简单的修改,在获取光标