富文本编辑器tinymce支持从word复制粘贴保留格式和图片的插件wordpaster

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

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

 

http://blog.ncmem.com/wordpress/2019/10/12/%e5%af%8c%e6%96%87%e6%9c%ac%e7%bc%96%e8%be%91%e5%99%a8tinymce%e6%94%af%e6%8c%81%e4%bb%8eword%e5%a4%8d%e5%88%b6%e7%b2%98%e8%b4%b4%e4%bf%9d%e7%95%99%e6%a0%bc%e5%bc%8f%e5%92%8c%e5%9b%be%e7%89%87%e7%9a%84/

以vue为例说明：

 

以vue为例说明：

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

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

 

 

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

 

 

代码参数配置如图：

 

 

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

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

 

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