最近公司做项目需要实现一个功能，在网页富文本编辑器中实现粘贴Word图文的功能。我们在网站中使用的Web编辑器比较多，都是根据用户需求来选择的。目前还没有固定哪一个编辑器有时候用的是UEditor,有时候用的CKEditor,KindEditor,TinyMCE。在网上查了很多资料，UEditor和其它的Web编辑器（富文本编辑器）在Chrome中可以支持单张图片粘贴。但是我们的用户需要处理的是Word中的图片和文字，一般情况下Word中的图片可能有十几张。有时候有几十张。特别是用户发一些教程或者使用说明类的文档时图片都是大几十张的。在网上找到说UEditor支持word粘贴，试了一下，只支持一张图片的粘贴。多张图片粘贴还需要用户自已手动选择。也就是说如果用户粘贴的Word中包含20张图片的话，那么用户就需要手动选择20次，这种操作用户是不可能接受的。网上找了很久，大部分都有一些不成熟的问题，皇天不负有心人终于让我找到了一个成熟的项目。1、前端引用代码<!DOCTYPEhtml PUBLIC "-//W3C//DTDXHTML1.0Transitional//...

最近公司做项目需要实现一个功能，在网页富文本编辑器中实现粘贴Word图文的功能。我们在网站中使用的Web编辑器比较多，都是根据用户需求来选择的。目前还没有固定哪一个编辑器有时候用的是UEditor,有时候用的CKEditor,KindEditor,TinyMCE。在网上查了很多资料，UEditor和其它的Web编辑器（富文本编辑器）在Chrome中可以支持单张图片粘贴。但是我们的用户需要处理的是Word中的图片和文字，一般情况下Word中的图片可能有十几张。有时候有几十张。特别是用户发一些教程或者使用说明类的文档时图片都是大几十张的。在网上找到说UEditor支持word粘贴，试了一下，只支持一张图片的粘贴。多张图片粘贴还需要用户自已手动选择。也就是说如果用户粘贴的Word中包含20张图片的话，那么用户就需要手动选择20次，这种操作用户是不可能接受的。网上找了很久，大部分都有一些不成熟的问题，皇天不负有心人终于让我找到了一个成熟的项目。1、前端引用代码<!DOCTYPEhtml PUBLIC "-//W3C//DTDXHTML1.0Transitional//...

最近公司做项目需要实现一个功能，在网页富文本编辑器中实现粘贴Word图文的功能。我们在网站中使用的Web编辑器比较多，都是根据用户需求来选择的。目前还没有固定哪一个编辑器有时候用的是UEditor,有时候用的CKEditor,KindEditor,TinyMCE。在网上查了很多资料，UEditor和其它的Web编辑器（富文本编辑器）在Chrome中可以支持单张图片粘贴。但是我们的用户需要处理的是Word中的图片和文字，一般情况下Word中的图片可能有十几张。有时候有几十张。特别是用户发一些教程或者使用说明类的文档时图片都是大几十张的。在网上找到说UEditor支持word粘贴，试了一下，只支持一张图片的粘贴。多张图片粘贴还需要用户自已手动选择。也就是说如果用户粘贴的Word中包含20张图片的话，那么用户就需要手动选择20次，这种操作用户是不可能接受的。网上找了很久，大部分都有一些不成熟的问题，皇天不负有心人终于让我找到了一个成熟的项目。1、前端引用代码<!DOCTYPEhtml PUBLIC "-//W3C//DTDXHTML1.0Transitional//...

最近公司做项目需要实现一个功能，在网页富文本编辑器中实现粘贴Word图文的功能。我们在网站中使用的Web编辑器比较多，都是根据用户需求来选择的。目前还没有固定哪一个编辑器有时候用的是UEditor,有时候用的CKEditor,KindEditor,TinyMCE。在网上查了很多资料，UEditor和其它的Web编辑器（富文本编辑器）在Chrome中可以支持单张图片粘贴。但是我们的用户需要处理的是Word中的图片和文字，一般情况下Word中的图片可能有十几张。有时候有几十张。特别是用户发一些教程或者使用说明类的文档时图片都是大几十张的。在网上找到说UEditor支持word粘贴，试了一下，只支持一张图片的粘贴。多张图片粘贴还需要用户自已手动选择。也就是说如果用户粘贴的Word中包含20张图片的话，那么用户就需要手动选择20次，这种操作用户是不可能接受的。网上找了很久，大部分都有一些不成熟的问题，皇天不负有心人终于让我找到了一个成熟的项目。1、前端引用代码<!DOCTYPEhtml PUBLIC "-//W3C//DTDXHTML1.0Transitional//...

Chrome+IE默认支持粘贴剪切板中的图片，但是我要发布的文章存在word里面，图片多达数十张，我总不能一张一张复制吧？Chrome高版本提供了可以将单张图片转换在BASE64字符串的功能。但是无法处理多张图片。而且转换成BASE64后是作为内容一起提交给服务器，不能够将图片单独保存在另外一台服务器中。如果需要单独保存则需要自已进行处理。比较麻烦。我希望打开Word或者WPS文档后，复制内容然后直接粘贴到富文本编辑器中，编辑器自动将图片批量上传到服务器中，无论文档中有多少张图片，编辑器都全部自动上传，不需要再手动一张张处理。同时能够将图片上传到我指定的接口中，服务器需要将图片单独保存在存储服务器中，比如可能是云存储，或者是分布式存储，最后直接发布内容。感觉这个似乎很困难，因为Ueditor本身不支持，粘贴后直接就是空白，这里面一定有原因。好，开始尝试UMeditor，Chrome只能获得本地路径，无法读取文件。https://ueditor.baidu.com/website/umeditor.html（有兴趣可以试试）  难道就这么失败了？不，但是我意外发现UM...

最近公司做项目需要实现一个功能，在网页富文本编辑器中实现粘贴Word图文的功能。我们在网站中使用的Web编辑器比较多，都是根据用户需求来选择的。目前还没有固定哪一个编辑器有时候用的是UEditor,有时候用的CKEditor,KindEditor,TinyMCE。在网上查了很多资料，UEditor和其它的Web编辑器（富文本编辑器）在Chrome中可以支持单张图片粘贴。但是我们的用户需要处理的是Word中的图片和文字，一般情况下Word中的图片可能有十几张。有时候有几十张。特别是用户发一些教程或者使用说明类的文档时图片都是大几十张的。在网上找到说UEditor支持word粘贴，试了一下，只支持一张图片的粘贴。多张图片粘贴还需要用户自已手动选择。也就是说如果用户粘贴的Word中包含20张图片的话，那么用户就需要手动选择20次，这种操作用户是不可能接受的。网上找了很久，大部分都有一些不成熟的问题，皇天不负有心人终于让我找到了一个成熟的项目。1、前端引用代码<!DOCTYPEhtml PUBLIC "-//W3C//DTDXHTML1.0Transitional//...

图片的复制无非有两种方法，一种是图片直接上传到服务器，另外一种转换成二进制流的base64码目前限chrome浏览器使用首先以um-editor的二进制流保存为例：打开umeditor.js，找到UM.plugins['autoupload']，然后找到autoUploadHandler方法，注释掉其中的代码。加入下面的代码：//判断剪贴板的内容是否包含文本//首先解释一下为什么要判断文本是不是为空//在ctrl+cword中的文字或者图片之后会返回1种(image/png)或者4种type(text/plain,text/html,text/rtf,image/png)类型的对象//为了兼容4种格式的情况，做了如下的判断//如下代码：e.originalEvent.clipboardData.items获得剪贴板的内容//当粘贴了文本之后text是不为空的，同时也会返回当前文本的图片类型//如果有文字的话不做任何的处理，如果只粘贴图片的话文本一定是空的，包括复制的桌面图片或者截图的图片vartext=e.originalEvent.clipboardData.getData("tex...

Chrome+IE默认支持粘贴剪切板中的图片，但是我要发布的文章存在word里面，图片多达数十张，我总不能一张一张复制吧？Chrome高版本提供了可以将单张图片转换在BASE64字符串的功能。但是无法处理多张图片。而且转换成BASE64后是作为内容一起提交给服务器，不能够将图片单独保存在另外一台服务器中。如果需要单独保存则需要自已进行处理。比较麻烦。我希望打开Word或者WPS文档后，复制内容然后直接粘贴到富文本编辑器中，编辑器自动将图片批量上传到服务器中，无论文档中有多少张图片，编辑器都全部自动上传，不需要再手动一张张处理。同时能够将图片上传到我指定的接口中，服务器需要将图片单独保存在存储服务器中，比如可能是云存储，或者是分布式存储，最后直接发布内容。感觉这个似乎很困难，因为Ueditor本身不支持，粘贴后直接就是空白，这里面一定有原因。好，开始尝试UMeditor，Chrome只能获得本地路径，无法读取文件。https://ueditor.baidu.com/website/umeditor.html（有兴趣可以试试）  难道就这么失败了？不，但是我意外发现UM...

如何做到ueditor批量自动上传word图片？1、前端引用代码<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head>    <metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/>    <title>编辑器完整版实例-1.2.6.0</title>    <scripttype="text/javascript"src="ueditor.config.js"charset="utf-8"></script>  &...

如何做到ueditor批量上传word图片？1、前端引用代码<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head>    <metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/>    <title>编辑器完整版实例-1.2.6.0</title>    <scripttype="text/javascript"src="ueditor.config.js"charset="utf-8"></script>  &nb...

自动导入Word图片，或者粘贴Word内容时自动上传所有的图片，并且最终保留Word样式，这应该是Web编辑器里面最基本的一个需求功能了。一般情况下我们将Word内容粘贴到Web编辑器（富文本编辑器）中时，编辑器都无法自动上传图片。需要用户手动一张张上传Word图片。如果只有一张图片还能够接受，如果图片数量比较多，这种操作就显得非常的麻烦。1、只粘贴图片并上传到服务器config.extraPlugins='uploadimage';//config.uploadUrl='上传路径';config.imageUploadUrl='上传路径';请求文件上传的默认请求是一个文件，作为具有“upload”字段的表单数据。 响应：文件已成功上传当文件成功上传时的JSON响应：uploaded- 设置为1。fileName- 上传文件的名称。url- 上传文件的URL。响应：文件无法上传uploaded- 设置为0。error.message- 要显示给用户的错误消息。using System;usin...

官网地址http://ueditor.baidu.comGit 地址https://github.com/fex-team/ueditor参考博客地址http://blog.ncmem.com/wordpress/2019/08/12/ueditor-word%E5%9B%BE%E7%89%87%E8%BD%AC%E5%AD%98%E4%BA%A4%E4%BA%92/ 1.4.2之后官方并没有做功能的改动，1.4.2在word复制这块没有bug，其他版本会出现手动无法转存的情况本文使用的后台是Java。前端为Jsp（前端都一样，后台如果语言不通得自己做Base64编码解码）因为公司业务需要支持IE8，网上其实有很多富文本框，效果都很好。例如www.wangEditor.com 但试了一圈都不支持IE8。所以回到Ueditor，由于官方没有维护，新的neuditor也不知道什么时候能支持word自动转存，只能自己想办法。如果没有必要，不建议使用ueditor。我也是没有办法。改动过后的插件只适合IE8。这里要说明的一点是百度官方的编辑器不支持word图片批量...

我司需要做一个需求,就是使用富文本编辑器时,不要以上传附件的形式上传图片,而是以复制粘贴的形式上传图片. 在网上找了一下,有一个插件支持这个功能。WordPaster安装方式如下:直接使用WordPaster.exe安装即可然后在http://blog.ncmem.com/wordpress/2019/10/19/ckeditor%e7%b2%98%e8%b4%b4%e5%9b%be%e7%89%87%e5%9c%a8ie%e4%b8%8b%e8%87%aa%e5%8a%a8%e4%b8%8a%e4%bc%a0%e7%9a%84%e7%a0%94%e7%a9%b6/里面有详细的教程 效果：Word文档中的图片全部自动上传到服务器端，不再需要一张张手动转存操作，大幅度提高操作效率： 自动替换编辑器中的图片地址：  所有图片在上传成功后图片地址都会被自动替换成服务器的图片地址。  在上传多张图片时非常方便，也非常高效。 图片保存路径，图片上传成功后已经自动保存到服务器端。...

很多时候我们用一些管理系统的时候，发布新闻、公告等文字类信息时，希望能很快的将word里面的内容直接粘贴到富文本编辑器里面，然后发布出来。减少排版复杂的工作量。下面是借用百度doc来快速实现这个word粘贴到富文本编辑器里面方法一：建议使用Chrome浏览器操作方法二：分享一个更为强大的控件，详细内容可参考我写的这篇文章：http://blog.ncmem.com/wordpress/2019/10/19/ckeditor%e7%b2%98%e8%b4%b4%e5%9b%be%e7%89%87%e4%b8%8a%e4%bc%a0%e5%8a%9f%e8%83%bd/...

在之前在工作中遇到在富文本编辑器中粘贴图片不能展示的问题，于是各种网上扒拉，终于找到解决方案，在这里感谢一下知乎中众大神以及TheViper。通过知乎提供的思路找到粘贴的原理，通过TheViper找到粘贴图片的方法。其原理为一下步骤：监听粘贴事件；【用于插入图片】获取光标位置；【记录图片插入位置】获取剪切板内容；【主要是获取文件】上传剪切板图片；在指定光标位置插入图片。以下是代码部分：1.获取光标代码部分，大部分都是直接利用TheViper的代码，只是做了简单的修改，在获取光标的位置添加了插件子集document对象，因为直接使用document对象获取不到光标位置var isSupportRange= typeof document.createRange=='function';    var currentRange,        _parentElement;    //&nbs...