前端开发您现在的位置是:首页 > 博客日志 > 前端开发

vue 项目富文本编辑器 Tinymce 支持粘贴图片

<a href='mailto:'>微wx笑</a>的头像微wx笑2021-01-02 19:27:07前端开发人已围观关键字: vue  富文本编辑器  Tinymce  粘贴图片  

最近在参与一个公益项目,使用 vue-element-admin 做为后台开发框架,但是使用过程中发现 Tinymce 编辑器不支持粘贴图片,经过研究发现需要修改配置文件。paste_data_images: tru

最近在参与一个公益项目,使用 vue-element-admin 做为后台开发框架,但是使用过程中发现 Tinymce 编辑器不支持粘贴图片,经过研究发现需要修改配置文件。
Ryv编程技术_踩坑日志_进阶指南_无知人生

paste_data_images: true, // 设置为“true”将允许粘贴图像,而将其设置为“false”将不允许粘贴图像。

这个配置只是允许粘贴图像了,但是查看图像的地址是 blob:http://localhost:9527/f0be7e02-ba3c-41ba-9593-a0ad29f0dae6 形式的地址,想要的效果是粘贴后上传到服务器,返回并使用服务器的地址。Ryv编程技术_踩坑日志_进阶指南_无知人生


Ryv编程技术_踩坑日志_进阶指南_无知人生

接下来慢慢研究,解决之后再来更新。Ryv编程技术_踩坑日志_进阶指南_无知人生

 
Ryv编程技术_踩坑日志_进阶指南_无知人生

相关参考:

Vue项目中使用Tinymce,解决图片上传/粘贴Ryv编程技术_踩坑日志_进阶指南_无知人生

关于Vue集成富文本编辑器Tinymce,图片粘贴上传问题Ryv编程技术_踩坑日志_进阶指南_无知人生

本文由 微wx笑 创作,采用 CC BY-NC 4.0 许可协议。 非商业性使用可自由转载、引用、甚至修改,但需署名作者且注明出处。

很赞哦! () 有话说 ()