vue中TinyMCE图片|vue中TinyMCE图片 “data-mce-src” 属性的问题
1.问题
在使用Vue中使用TinyMCE富文本编辑器时,上传的图片除了src属性还会多出来个“data-mcee-src” 属性,而保存时实际也是保存的“data-mce-src”的值。
按正常逻辑这两个属性值应该是一样的,但是tinyMCE会改变“data-mcee-src” 属性值。如图:
文章图片
2.问题解决
网上搜索出一个答案,原问题 链接 。
如图
文章图片
翻译:
我正在用 tinyMCE 4.0.11,遇到些问题,因为它会给 img 标签添加一个 “data-mcee-src” 属性,这个属性会重写 “src” 属性。
比如我添加一个图片它的src=https://www.it610.com/article/“http://example.com/img.jpg”,
它的“data-mce-src”属性就会自动在开始加一个“/”,变成 “/http://example.com/img.jpg”.
我怎样才能阻止 tinymce添加“data-mce-src”属性呢?
回答
文章图片
答案
就是在tinyMCE初始化配置里添加两个参数,告诉插件说不要使用相对路径:
relative_urls: false, remove_script_host: false,
如图:
文章图片
总结
1.定位问题
2.正确地搜索
3.结合代码解决
【vue中TinyMCE图片|vue中TinyMCE图片 “data-mce-src” 属性的问题】
推荐阅读
- IT去中心化背后的低代码平台
- python中绑定方法与非绑定方法的实现示例
- vue|vue 实现超长文本截取,悬浮框提示
- 局部变量表中的起始PC
- 嵌入式|单片机有没有想象中那么好学,很迷茫有说正面有说负面
- Vue之Axios的异步通信详解
- 视觉Transformer中的输入可视化方法
- 减少计算、简化架构——TDengine在灌区信息化平台中的应用
- 机器使用成本下降|机器使用成本下降 50%,TDengine 在同程旅行基础监控中的实践
- 知识点深掘|Java编码中的设计模式