在线编辑器粘贴图片自动上传到服务器(Java版)


 

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

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

umeditor+粘贴word图片

以vue为例说明:

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

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

在线编辑器粘贴图片自动上传到服务器(Java版)

在线编辑器粘贴图片自动上传到服务器(Java版)编辑

在线编辑器粘贴图片自动上传到服务器(Java版)

在线编辑器粘贴图片自动上传到服务器(Java版)编辑

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

在线编辑器粘贴图片自动上传到服务器(Java版)

在线编辑器粘贴图片自动上传到服务器(Java版)编辑

在线编辑器粘贴图片自动上传到服务器(Java版)

在线编辑器粘贴图片自动上传到服务器(Java版)编辑

代码参数配置如图:

在线编辑器粘贴图片自动上传到服务器(Java版)

在线编辑器粘贴图片自动上传到服务器(Java版)编辑

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

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

在线编辑器粘贴图片自动上传到服务器(Java版)

在线编辑器粘贴图片自动上传到服务器(Java版)编辑

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

在线编辑器粘贴图片自动上传到服务器(Java版)

在线编辑器粘贴图片自动上传到服务器(Java版)编辑

原创文章,作者:ItWorker,如若转载,请注明出处:https://blog.ytso.com/tech/java/282007.html

(0)
上一篇 2022年8月24日 14:11
下一篇 2022年8月24日 14:22

相关推荐

发表回复

登录后才能评论