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

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

以vue为例说明:

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

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



CKEditor可以如何直接复制word的图文内容到编辑器中?_官网

CKEditor可以如何直接复制word的图文内容到编辑器中?_参数配置_02


CKEditor可以如何直接复制word的图文内容到编辑器中?_服务器_03

CKEditor可以如何直接复制word的图文内容到编辑器中?_参数配置_02

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



CKEditor可以如何直接复制word的图文内容到编辑器中?_服务器_05

CKEditor可以如何直接复制word的图文内容到编辑器中?_参数配置_02


CKEditor可以如何直接复制word的图文内容到编辑器中?_服务器_07

CKEditor可以如何直接复制word的图文内容到编辑器中?_参数配置_02

代码参数配置如图:



CKEditor可以如何直接复制word的图文内容到编辑器中?_图片上传_09

CKEditor可以如何直接复制word的图文内容到编辑器中?_参数配置_02

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

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



CKEditor可以如何直接复制word的图文内容到编辑器中?_批量上传_11

CKEditor可以如何直接复制word的图文内容到编辑器中?_参数配置_02

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



CKEditor可以如何直接复制word的图文内容到编辑器中?_参数配置_13

CKEditor可以如何直接复制word的图文内容到编辑器中?_参数配置_02