vue中TinyMCE图片|vue中TinyMCE图片 “data-mce-src” 属性的问题

1.问题
在使用Vue中使用TinyMCE富文本编辑器时,上传的图片除了src属性还会多出来个“data-mcee-src” 属性,而保存时实际也是保存的“data-mce-src”的值。
按正常逻辑这两个属性值应该是一样的,但是tinyMCE会改变“data-mcee-src” 属性值。如图:
vue中TinyMCE图片|vue中TinyMCE图片 “data-mce-src” 属性的问题
文章图片

2.问题解决
网上搜索出一个答案,原问题 链接 。
如图 vue中TinyMCE图片|vue中TinyMCE图片 “data-mce-src” 属性的问题
文章图片

翻译: 我正在用 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”属性呢?

回答 vue中TinyMCE图片|vue中TinyMCE图片 “data-mce-src” 属性的问题
文章图片


答案 就是在tinyMCE初始化配置里添加两个参数,告诉插件说不要使用相对路径:

relative_urls: false, remove_script_host: false,

如图:
vue中TinyMCE图片|vue中TinyMCE图片 “data-mce-src” 属性的问题
文章图片


总结
1.定位问题
2.正确地搜索
3.结合代码解决


【vue中TinyMCE图片|vue中TinyMCE图片 “data-mce-src” 属性的问题】

    推荐阅读