程序笔记   发布时间:2022-07-18  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了百度ueditor编辑器直接粘贴图片实现大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。

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

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

http://blog.ncmem.com/wordpress/2019/08/07/umeditor%E7%B2%98%E8%B4%B4word%E5%9B%BE%E7%89%87/

以vue为例说明:

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

powerpaste放到staticTinymceplugins目录下

百度ueditor编辑器直接粘贴图片实现

百度ueditor编辑器直接粘贴图片实现

百度ueditor编辑器直接粘贴图片实现

百度ueditor编辑器直接粘贴图片实现

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

百度ueditor编辑器直接粘贴图片实现

百度ueditor编辑器直接粘贴图片实现

百度ueditor编辑器直接粘贴图片实现

百度ueditor编辑器直接粘贴图片实现

代码参数配置如图:

百度ueditor编辑器直接粘贴图片实现

百度ueditor编辑器直接粘贴图片实现

百度ueditor编辑器直接粘贴图片实现

百度ueditor编辑器直接粘贴图片实现

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

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

百度ueditor编辑器直接粘贴图片实现

百度ueditor编辑器直接粘贴图片实现

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

百度ueditor编辑器直接粘贴图片实现

百度ueditor编辑器直接粘贴图片实现

大佬总结

以上是大佬教程为你收集整理的百度ueditor编辑器直接粘贴图片实现全部内容,希望文章能够帮你解决百度ueditor编辑器直接粘贴图片实现所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。