tinymce是很优秀的一款富文本编辑器,可以去官网下载。​

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

以vue为例说明:

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

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



如何复制word的图文到UMEditor中自动上传_官网

如何复制word的图文到UMEditor中自动上传_批量上传_02


如何复制word的图文到UMEditor中自动上传_官网_03

如何复制word的图文到UMEditor中自动上传_批量上传_02

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



如何复制word的图文到UMEditor中自动上传_批量上传_05

如何复制word的图文到UMEditor中自动上传_批量上传_02


如何复制word的图文到UMEditor中自动上传_批量上传_07

如何复制word的图文到UMEditor中自动上传_批量上传_02

代码参数配置如图:



如何复制word的图文到UMEditor中自动上传_参数配置_09

如何复制word的图文到UMEditor中自动上传_批量上传_02

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

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



如何复制word的图文到UMEditor中自动上传_官网_11

如何复制word的图文到UMEditor中自动上传_批量上传_02

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



如何复制word的图文到UMEditor中自动上传_官网_13

如何复制word的图文到UMEditor中自动上传_批量上传_02