从word中复制图片到百度ueditor编辑器中

最新推荐文章于 2024-09-13 17:32:25 发布
最新推荐文章于 2024-09-13 17:32:25 发布
阅读量90 收藏 1
点赞数
分类专栏： word图片复制粘贴上传 文章标签： json html5 javascript jquery vue.js
原文链接：https://www.cnblogs.com/zyzzz/p/15223193.html
版权

tinymce是很优秀的一款富文本编辑器，可以去官网下载。https://www.tiny.cloud

这里分享的是它官网的一个收费插件powerpaste的旧版本源码，但也不影响功能使用。

http://blog.ncmem.com/wordpress/2019/08/07/umeditor%E7%B2%98%E8%B4%B4word%E5%9B%BE%E7%89%87/

以vue为例说明：

将tinymce下载后放到static目录下，不用npm安装。

powerpaste放到\static\tinymce\plugins目录下

在index.html中引入tinymce.min.js。

代码参数配置如图：

将plugins参数里的paste替换成powerpaste，完工。

最后效果，能够自动批量上传word中的所有图片

图片上传完后，编辑器里面的图片地址也全部都改成了服务器的图片地址了，

Mr_Zang666
关注
专栏目录
从word中复制图片到百度编辑器中
Mr_Zang666的博客
09-03 93
图片的复制无非有两种方法，一种是图片直接上传到服务器，另外一种转换成二进制流的base64码 目前限chrome浏览器使用 首先以um-editor的二进制流保存为例： 打开umeditor.js，找到UM.plugins['autoupload']，然后找到autoUploadHandler方法，注释掉其中的代码。 加入下面的代码： //判断剪贴板的内容是否包含文本 //首先解释一下为什么要判断文本是不是为空 //在ctrl+c word中的文字或者图片之后会返回1种(image/png)或者4种t
Chrome禁止flash，百度编辑器ueditor复制粘贴word文章，图片转存无法使用
qq_36800701的博客
03-20 3156
背景： 公司项目需求，在后台添加文章时需要大段大段从word复制带图片的文章，使用chrome等现代浏览器时flash被禁用，导致编辑器的图片转存功能无法使用。 一.编辑器配置好之后，发现粘贴word文章，图片是空白的 参考了 https://blog.csdn.net/lddtime/article/details/79272693 ———————————————— 原来，在默认情况下 uedi...
ueditor粘贴从word中copy的图片和文字 图片无法显示的问题
Mr_Zang666的博客
06-25 726
Chrome+IE默认支持粘贴剪切板中的图片，但是我要发布的文章存在word里面，图片多达数十张，我总不能一张一张复制吧？ Chrome高版本提供了可以将单张图片转换在BASE64字符串的功能。但是无法处理多张图片。而且转换成BASE64后是作为内容一起提交给服务器，不能够将图片单独保存在另外一台服务器中。如果需要单独保存则需要自已进行处理。比较麻烦。我希望打开Word或者WPS文档后，复制内容然后直接粘贴到富文本编辑器中，编辑器自动将图片批量上传到服务器中，无论文档中有多少张图片，编辑器都全部自动上传，不
从WORD中复制图片到百度UEDITOR编辑器中
alisky119的博客
04-16 623
ueditor word图片转存交互，ueditor word转存交互，ueditor word内容转存交互，ueditor word交互存储，百度富文本编辑器word图片转存交互，百度富文本编辑器word转存交互，百度UE word图片转存交互，word图文一键粘贴,word文档一键导入,word图片一键粘贴,word图片一键导入，word图片自动上传。年费版报价单：https://drive.weixin.qq.com/s?订阅版报价单：https://drive.weixin.qq.com/s?
百度ueditor编辑器 word导入功能（asp.net版本）
10-21
此功能允许用户直接将Word文档中的内容导入到ueditor编辑器中，保持原有的格式，如字体、字号、颜色、列表、表格等，省去了手动复制粘贴和格式调整的过程。这对于新闻编辑、文章撰写等场景非常实用。 在ASP.NET环境...
ueditor:一款富文本编辑器百度ueditor，在原有的基础上集成Word导入功能，可以将Word文档解析成HTML，支持Word文档中包含图片
04-29
UEditor 是由百度「FEX前端研发团队」开发的所见即所得富文本web编辑器，具有轻量，可定制，注重用户体验等特点，开源基于MIT协议，允许自由使用和修改代码。在原有基础上增加Word导入功能，Word导入可以解析Word...
Ueditor粘贴word里图文内容到编辑器中
05-24
在本主题中，我们将聚焦于如何将Word文档中的图文内容有效地粘贴到Ueditor编辑器中。 首先，了解Ueditor的基本操作是必要的。Ueditor是一款由百度公司开发的JavaScript富文本在线编辑器，支持多种浏览器环境，提供...
ECshop编辑器更换成百度编辑器UEditor，远程图片可本地化
10-27
Ueditor编辑器相对fckeditor编辑器操作更方便，源码更简洁。编辑内容时，不会生成多余的html标签，源码更简洁，提高了网站访问速度，优化代码，利于网站收录； 最新版Ueditor支持动态地图； 像操作word表格一样简单...
百度Ueditor编辑器 从word中复制内容带多张图片
Mr_Zang666的博客
10-13 253
图片的复制无非有两种方法，一种是图片直接上传到服务器，另外一种转换成二进制流的base64码 目前限chrome浏览器使用 首先以um-editor的二进制流保存为例： 打开umeditor.js，找到UM.plugins['autoupload']，然后找到autoUploadHandler方法，注释掉其中的代码。 加入下面的代码： //判断剪贴板的内容是否包含文本 //首先解释一下为什么要判断文本是不是为空 //在ctrl+c word中的文字或者图片之后会返回1种(image/png)或者4种t
上传图片,Not allowed to load local resource,springboot上传
被流放的程序猿
11-10 5828
最近朋友找我,帮她做一个招聘的网站的demo,本来是不想做的,谁让是一个美女呢,没办法, 程序猿嘛,看见美女就.嘻嘻.哦!扯远了,话不多说直接就上. 1.所需要pom依赖有: commons-fileupload commons-fileupload 1.3.3 commons-io commons-io 2.4 org.json json
如何将word图片粘贴到百度UEditor里面
weixin_52041354的博客
12-28 363
1.4.2之后官方并没有做功能的改动，1.4.2在word复制这块没有bug，其他版本会出现手动无法转存的情况 本文使用的后台是Java。前端为Jsp（前端都一样，后台如果语言不通得自己做 Base64编码解码） 因为公司业务需要支持IE8 ，网上其实有很多富文本框，效果都很好。 例如www.wangEditor.com 但试了一圈都不支持IE8 。 所以回到Ueditor，由于官方没有维护，新的neuditor 也不知道什么时候能支持word自动转存，只能自己想办法。 如果没有必要，不建..
Gson转换
最新发布
09-13 307
gson格式转换.create());@Overridetry {
Vue使用query传参Boolean类型，刷新之后转换为String问题
q879936814的博客
09-12 396
要解决这个问题，不能直接Boolean处理，因为如果传入false，那么转换成字符串，Boolean(‘false’)会变成true；做项目时发现第一次进入页面时传参是正常的Boolean类型，刷新之后变成了String，这是浏览器进行的一次强制转换；解决方法：使用JSON.parse处理参数。
sqlalchemy JSON 字段写入时中文序列化问题
llc的博客
09-12 362
_table_args__ = ({"comment": "表名称"})...extra = Column(JSON, comment="其他属性")...
JAVA中将WORD转换为HTML导入到UEDITOR编辑器中
06-03
在Java中将Word转换为HTML需要使用Apache POI和JodConverter库。而将HTML导入到UEditor编辑器中，需要在前端使用UEditor富文本编辑器，并在后端使用Java Web框架（如Spring MVC）来处理上传文件和保存HTML内容。 以下是一个简单的Java代码示例，演示如何将Word文档转换为HTML，并将HTML保存到服务器上的文件中： ```java import java.io.File; import java.io.FileOutputStream; import java.io.IOException; import org.apache.poi.hwpf.HWPFDocument; import org.jodconverter.JodConverter; import org.jodconverter.office.LocalOfficeManager; import org.jodconverter.office.OfficeException; import org.jodconverter.office.OfficeManager; public class WordToHtmlConverter { public static void main(String[] args) { // Start the office manager OfficeManager officeManager = LocalOfficeManager.builder().officeHome("/usr/lib/libreoffice").install().build(); try { officeManager.start(); // Load the Word document HWPFDocument document = new HWPFDocument(new FileInputStream("document.doc")); // Create a temporary file for the HTML output File tempFile = File.createTempFile("document", ".html"); // Convert the document to HTML JodConverter.convert(document).to(tempFile).execute(); // Save the HTML content to a file on the server FileOutputStream fos = new FileOutputStream("output.html"); fos.write(Files.readAllBytes(tempFile.toPath())); fos.close(); // Delete the temporary file tempFile.delete(); } catch (IOException | OfficeException e) { e.printStackTrace(); } finally { // Stop the office manager officeManager.stop(); } } } ``` 在上述代码中，我们使用JodConverter将Word文档转换为HTML，并将HTML内容保存到服务器上的文件中。然后，我们可以在Java Web应用程序中使用Spring MVC等框架来处理上传文件，并将HTML内容保存到数据库中。最后，在前端使用UEditor富文本编辑器时，我们可以将HTML内容加载到编辑器中，让用户进行编辑和保存。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值