如何为v-md-editor渲染的a标签添加rel属性?
引入markdown-it-external-links
yarn add markdown-it-external-links --dev
拓展markdown-it
拓展是为了改变markdown-it的tokens，进而改变渲染后的文本
extend(md) {
md.use(externalLinks, {
externalClassName: 'custom-external-link',
internalClassName: 'custom-internal-link',
internalDomains: ['blog.thinkmoon.cn'],
externalRel: 'nofollow noopener noreferrer',
});
},
修改xss白名单
如果不修改白名单，会出现增加的属性，无法体现在最终渲染的html上。
VMdPreview.xss.extend({
// 扩展白名单
whiteList: {
a: ['target', 'href', 'title', 'rel'],
},
});
参考文档
版权声明: 本文首发于 指尖魔法屋-如何为v-md-editor渲染的a标签添加rel属性?（https://blog.thinkmoon.cn/post/955-guide-md-editor-rel/） 转载或引用必须申明原指尖魔法屋来源及源地址！