weixin_45525177的博客

hello

但是我们的用户需要处理的是Word中的图片和文字，一般情况下Word中的图片可能有十几张。也就是说如果用户粘贴的Word中包含20张图片的话，那么用户就需要手动选择20次，这种操作用户是不可能接受的。//替换编辑器，editorID为ckeditor的"id"属性的值。//你的编辑器的"name"属性的值。2、粘贴word里面的图片路径是fill://D 这种格式 我理解这种是非浏览器安全的 许多浏览器也不支持。//相对路径 http://www.ncmem.com/upload/2012-1-10/

SiteFactory支持PowerPoint粘贴

3.基础配置 powerpaste_allow_local_images: true, //powerpaste允许黏贴 powerpaste_word_import: "clean", // 是否保留word粘贴样式 clean | merge （具体可查看官方文档）powerpaste_word_import: "clean", //powerpaste黏贴的样式获取方式。skin_url: "/static/skins/ui/oxide", // tinymce UI引入。

SiteFactory支持PowerPoint上传

ueditor粘贴不能粘贴word中的图片是一个很头疼的问题，在我们的业务场景中客户要求必须使用ueditor并且支持word的图片粘贴，因为这个需求头疼了半个月，因为前端方面因为安全的原因是不允许访问本地文件的。接下来是怎么拿到本地地址的文件，怎么将本地地址搞成文件，我查阅了好久好久的资料，还请教了各路大神（骚骚的三水，和传说中的周皇），得到一个结论，单纯前端不可能通过本地地址拿到文件（于是第一条解决思路出来了，在执行 罪魁祸首代码 之前，将本地的地址过滤出来，上传到服务器然后用服务器的地址进行替换，

"wordPathFormat": "/public/uploads/word/{yyyy}{mm}{dd}/{time}{rand:6}", /* 上传保存路径,可以自定义保存路径和文件名格式 */在ueditor\ueditor.all.js文件中UE.plugin.register('simpleupload', function (){})下方新增如下方法。"wordAllowFiles": [".docx"] /* 仅支持docx格式的word */

if (navigator.userAgent.match(/Trident/i) && navigator.userAgent.match(/MSIE 8.0/i)) { //判断浏览器内核是否为Trident内核IE8.0。// 当数据包大小不是数据单元的整数倍时，读取最后剩余的小于数据单元的所有数据。// 忽略简单form字段而不是上传域的文件域(等)然后访问http://localhost:8088/ueditor/ 就可以测试了。

/在ctrl+c word中的文字或者图片之后会返回1种(image/png)或者4种type(text/plain,text/html,text/rtf,image/png)类型的对象。//如下代码：e.originalEvent.clipboardData.items获得剪贴板的内容。//如果有文字的话不做任何的处理，如果只粘贴图片的话文本一定是空的，包括复制的桌面图片或者截图的图片。//当粘贴了文本之后text是不为空的，同时也会返回当前文本的图片类型。//为了兼容4种格式的情况，做了如下的判断。

1.获取光标代码部分，大部分都是直接利用TheViper的代码，只是做了简单的修改，在获取光标的位置添加了插件子集document对象，因为直接使用document对象获取不到光标位置。经过这些处理基本上实现了一个完整的Word图片上传插件（WordPaster），能够自动上传剪切板中的图片，能够自动上传Word中的所有图片，使用起来非常的方便。【记录图片插入位置】

ueditor粘贴不能粘贴word中的图片是一个很头疼的问题，在我们的业务场景中客户要求必须使用ueditor并且支持word的图片粘贴，因为这个需求头疼了半个月，因为前端方面因为安全的原因是不允许访问本地文件的。接下来是怎么拿到本地地址的文件，怎么将本地地址搞成文件，我查阅了好久好久的资料，还请教了各路大神（骚骚的三水，和传说中的周皇），得到一个结论，单纯前端不可能通过本地地址拿到文件（于是第一条解决思路出来了，在执行 罪魁祸首代码 之前，将本地的地址过滤出来，上传到服务器然后用服务器的地址进行替换，

"wordPathFormat": "/public/uploads/word/{yyyy}{mm}{dd}/{time}{rand:6}", /* 上传保存路径,可以自定义保存路径和文件名格式 */在ueditor\ueditor.all.js文件中UE.plugin.register('simpleupload', function (){})下方新增如下方法。"wordAllowFiles": [".docx"] /* 仅支持docx格式的word */

4、获取编辑器内容 UE.getEditor('editor').getContent() 5、编辑器是否有内容 UE.getEditor('editor').hasContents() 6、获取编辑器内容纯文本格式 UE.getEditor('editor').getContentTxt() 7、获取带格式的纯文本 UE.getEditor('editor').getPlainTxt() 8、启用编辑器 UE.getEditor('editor').setEnabled();image.html;

if (navigator.userAgent.match(/Trident/i) && navigator.userAgent.match(/MSIE 8.0/i)) { //判断浏览器内核是否为Trident内核IE8.0。// 当数据包大小不是数据单元的整数倍时，读取最后剩余的小于数据单元的所有数据。// 忽略简单form字段而不是上传域的文件域(等)然后访问http://localhost:8088/ueditor/ 就可以测试了。

但发现word中的图片粘贴后变成了file:///xxxx.jpg这种内容，如果上传到服务器后其他人也访问不了，网上找了很多编辑器发现没有一个能直接解决这个问题。发现不管什么编辑器只要将图片转换成base64后就可以直接使用（IE8及一下可能不支持），由于编辑器中添加word文档功能也只是自己用，因此可以忽略这种浏览器了。这个时候我们在编辑器中使用jsonp获取到处理完的图片数据替换原来的file:///xxxxxx.jpg路径就搞定了。所有图片都能够保存在服务器中，而且支持分布式图片存储。

SiteFactory支持ppt粘贴

1.编辑器修改 (可选)1.1在 ueditor/config.json 中添加代码块 /* 上传word配置 */ "wordActionName": "wordupload", /* 执行上传视频的action名称 */ "wordFieldName": "upfile", /* 提交的视频表单名称 */ "wordPathFormat": "/public/uploads/word/{yyyy}{mm}{dd}/{time}{rand:6}", /* 上传保存路径,可以自定义保

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

如何做到 ueditor批量上传word图片？1、前端引用代码

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

如何做到 ueditor批量上传word图片？1、前端引用代码

自动导入Word图片，或者粘贴Word内容时自动上传所有的图片，并且最终保留Word样式，这应该是Web编辑器里面最基本的一个需求功能了。一般情况下我们将Word内容粘贴到Web编辑器（富文本编辑器）中时，编辑器都无法自动上传图片。需要用户手动一张张上传Word图片。如果只有一张图片还能够接受，如果图片数量比较多，这种操作就显得非常的麻烦。1、只粘贴图片并上传到服务器config.extraPlugins = 'uploadimage';//config.uploadUrl = '上传路径';confi

前言文件上传是一个老生常谈的话题了，在文件相对比较小的情况下，可以直接把文件转化为字节流上传到服务器，但在文件比较大的情况下，用普通的方式进行上传，这可不是一个好的办法，毕竟很少有人会忍受，当文件上传到一半中断后，继续上传却只能重头开始上传，这种让人不爽的体验。那有没有比较好的上传体验呢，答案有的，就是下边要介绍的几种上传方式详细教程秒传1、什么是秒传通俗的说，你把要上传的东西上传，服务器会先做MD5校验，如果服务器上有一样的东西，它就直接给你个新地址，其实你下载的都是服务器上的同一个文件，想要不秒传，其

ueditor粘贴不能粘贴word中的图片是一个很头疼的问题，在我们的业务场景中客户要求必须使用ueditor并且支持word的图片粘贴，因为这个需求头疼了半个月，因为前端方面因为安全的原因是不允许访问本地文件的。首先说一下，ueditor粘贴word图片的问题已经解决，但是不是纯web方法解决的，在纯浏览器的条件下是否能够解决也不确定中，但是ckeditor是可以支持word图片的富文本粘贴的接下来就是调试思路和解决方法（所有的代码都是调试ueditor源码的ueditor.all.js文件）1、首先是分

当前功能基于PHP，其它语言流程大致相同1.新增上传word json配置在ueditor\php\config.json中新增如下配置： /* 上传word配置 */ "wordActionName": "wordupload", /* 执行上传视频的action名称 */ "wordFieldName": "upfile", /* 提交的视频表单名称 */ "wordPathFormat": "/public/uploads/word/{yyyy}{mm}{dd}/{time}{

当前功能基于PHP，其它语言流程大抵相同。大概流程：1. 将docx文件上传到服务器中2. 使用PHPoffice/PHPword实现将word转换为HTML3. 将HTML代码返回并赋值到编辑器中1 编辑器配置修改1.1 新增上传word json配置在ueditor\php\config.json中新增如下配置： /* 上传word配置 */ "wordActionName": "wordupload", /* 执行上传视频的action名称 */ "wordFieldName": "

ueditor实现word文档的导入和下载功能的方法：1、UEditor没有提供word的导入功能，只能说是粘贴复制。2、方案：用poi来提供word导入，思路是将word转换为html输出，再用UEditor提供的setContent（)方法将html的内容添加到编辑器中。方案缺点，一是poi对word文本的格式获取必须按setContent（)可接受的方式进行；二是我暂时没发现poi可以提供获取段落格式（对齐方式、缩进量）的方法。代码如下：package demo;ueditor编辑器中加入样式，就是通

1.编辑器修改 (可选)1.1在 ueditor/config.json 中添加代码块 /* 上传word配置 */ "wordActionName": "wordupload", /* 执行上传视频的action名称 */ "wordFieldName": "upfile", /* 提交的视频表单名称 */ "wordPathFormat": "/public/uploads/word/{yyyy}{mm}{dd}/{time}{rand:6}", /* 上传保存路径,可以自定义保

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

图片的复制无非有两种方法，一种是图片直接上传到服务器，另外一种转换成二进制流的base64码目前限chrome浏览器使用首先以um-editor的二进制流保存为例：打开umeditor.js，找到UM.plugins['autoupload']，然后找到autoUploadHandler方法，注释掉其中的代码。加入下面的代码：//判断剪贴板的内容是否包含文本//首先解释一下为什么要判断文本是不是为空//在ctrl+c word中的文字或者图片之后会返回1种(image/png)或者4种type(te

如何做到 ueditor批量上传word图片？1、前端引用代码

ueditor粘贴不能粘贴word中的图片是一个很头疼的问题，在我们的业务场景中客户要求必须使用ueditor并且支持word的图片粘贴，因为这个需求头疼了半个月，因为前端方面因为安全的原因是不允许访问本地文件的。接下来是怎么拿到本地地址的文件，怎么将本地地址搞成文件，我查阅了好久好久的资料，还请教了各路大神（骚骚的三水，和传说中的周皇），得到一个结论，单纯前端不可能通过本地地址拿到文件（于是第一条解决思路出来了，在执行 罪魁祸首代码 之前，将本地的地址过滤出来，上传到服务器然后用服务器的地址进行替换，

"wordPathFormat": "/public/uploads/word/{yyyy}{mm}{dd}/{time}{rand:6}", /* 上传保存路径,可以自定义保存路径和文件名格式 */在ueditor\ueditor.all.js文件中UE.plugin.register('simpleupload', function (){})下方新增如下方法。"wordAllowFiles": [".docx"] /* 仅支持docx格式的word */

"wordPathFormat": "/public/uploads/word/{yyyy}{mm}{dd}/{time}{rand:6}", /* 上传保存路径,可以自定义保存路径和文件名格式 */$preg = '/(\s+src\s?// 匹配所有的img。"wordActionName": "wordupload", /* 执行上传视频的action名称 */"wordAllowFiles": [".docx"] /* 仅支持docx格式的word */

4、获取编辑器内容 UE.getEditor('editor').getContent() 5、编辑器是否有内容 UE.getEditor('editor').hasContents() 6、获取编辑器内容纯文本格式 UE.getEditor('editor').getContentTxt() 7、获取带格式的纯文本 UE.getEditor('editor').getPlainTxt() 8、启用编辑器 UE.getEditor('editor').setEnabled();image.html;

if (navigator.userAgent.match(/Trident/i) && navigator.userAgent.match(/MSIE 8.0/i)) { //判断浏览器内核是否为Trident内核IE8.0。// 当数据包大小不是数据单元的整数倍时，读取最后剩余的小于数据单元的所有数据。// 忽略简单form字段而不是上传域的文件域(等)然后访问http://localhost:8088/ueditor/ 就可以测试了。

/在ctrl+c word中的文字或者图片之后会返回1种(image/png)或者4种type(text/plain,text/html,text/rtf,image/png)类型的对象。//如下代码：e.originalEvent.clipboardData.items获得剪贴板的内容。//如果有文字的话不做任何的处理，如果只粘贴图片的话文本一定是空的，包括复制的桌面图片或者截图的图片。//当粘贴了文本之后text是不为空的，同时也会返回当前文本的图片类型。//为了兼容4种格式的情况，做了如下的判断。

如何做到 ueditor批量上传word图片？1、前端引用代码

但发现word中的图片粘贴后变成了file:///xxxx.jpg这种内容，如果上传到服务器后其他人也访问不了，网上找了很多编辑器发现没有一个能直接解决这个问题。发现不管什么编辑器只要将图片转换成base64后就可以直接使用（IE8及一下可能不支持），由于编辑器中添加word文档功能也只是自己用，因此可以忽略这种浏览器了。这个时候我们在编辑器中使用jsonp获取到处理完的图片数据替换原来的file:///xxxxxx.jpg路径就搞定了。所有图片都能够保存在服务器中，而且支持分布式图片存储。

ueditor粘贴不能粘贴word中的图片是一个很头疼的问题，在我们的业务场景中客户要求必须使用ueditor并且支持word的图片粘贴，因为这个需求头疼了半个月，因为前端方面因为安全的原因是不允许访问本地文件的。接下来是怎么拿到本地地址的文件，怎么将本地地址搞成文件，我查阅了好久好久的资料，还请教了各路大神（骚骚的三水，和传说中的周皇），得到一个结论，单纯前端不可能通过本地地址拿到文件（于是第一条解决思路出来了，在执行 罪魁祸首代码 之前，将本地的地址过滤出来，上传到服务器然后用服务器的地址进行替换，