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

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

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

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

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

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

这个配置只是允许粘贴图像了,但是查看图像的地址是 blob:http://localhost:9527/f0be7e02-ba3c-41ba-9593-a0ad29f0dae6 形式的地址,想要的效果是粘贴后上传到服务器,返回并使用服务器的地址。eJ5无知


eJ5无知

接下来慢慢研究,解决之后再来更新。eJ5无知

 
eJ5无知

相关参考:

Vue项目中使用Tinymce,解决图片上传/粘贴eJ5无知

关于Vue集成富文本编辑器Tinymce,图片粘贴上传问题eJ5无知

本文由 微wx笑 创作,采用 署名-非商业性使用-相同方式共享 4.0 许可协议,转载请附上原文出处链接及本声明。
原文链接:https://www.ivu4e.cn/blog/front/2021-01-02/594.html

很赞哦! () 有话说 ()