这篇博客介绍了如何在Vue项目中集成TinyMCE富文本编辑器，并使用PowerPaste插件来实现从Word文档中粘贴内容时自动批量上传图片的功能。通过将TinyMCE和PowerPaste插件下载并引入到项目中，配置编辑器参数，替换默认的paste插件，可以实现图片上传后编辑器内显示服务器地址的效果。
tinymce是很优秀的一款富文本编辑器，可以去官网下载。https://www.tiny.cloud
这里分享的是它官网的一个收费插件powerpaste的旧版本源码，但也不影响功能使用。
以vue为例说明：
将tinymce下载后放到static目录下，不用npm安装。
powerpaste放到\static\tinymce\plugins目录下
在index.html中引入tinymce.min.js。
代码参数配置如图：
将plugins参数里的paste替换成powerpaste，完工。
最后效果，能够自动批量上传word中的所有图片
图片上传完后，编辑器里面的图片地址也全部都改成了服务器的图片地址了，
扫一扫
107
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
