这篇文章将为大家详细讲解有关Vue如何配置marked链接添加target="_blank",小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。1.&quo
这篇文章将为大家详细讲解有关Vue如何配置marked链接添加target="_blank",小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。
1."引入marked
package.JSON
"dependencies": {
"marked": "^0.3.9"
}
import marked from "marked";
1.修改生成的html的方法
const renderer = new marked.Renderer();
//https://GitHub.com/markedjs/marked/issues/655#issuecomment-383226346
const linkRenderer = renderer.link;
renderer.link = (href, title, text) => {
const html = linkRenderer.call(renderer, href, title, text);
return html.replace(/^<a /, '<a target="_blank" ');
};
const html = marked(markdown, { renderer });
Tips:marked参数配置
const renderer = new marked.Renderer();
//基本设置
marked.setOptions({
renderer: renderer,
gfm: true, //允许 git Hub标准的markdown.
tables: true, //允许支持表格语法(该选项要求 gfm 为true)
breaks: true, //允许回车换行(该选项要求 gfm 为true)
pedantic: false, //不纠正原始模型任何的不良行为和错误(默认为false)
sanitize: false, //对输出进行过滤(清理),将忽略任何已经输入的html代码(标签)
smartLists: true, //使用比原生markdown更时髦的列表
smartypants: false //使用更为时髦的标点
});
ps:vue实现类似target="_blank"打开新窗口
//href的{}不能少
let {href} = this.$router.resolve({path:'/applySocSecCard'});
window.open(href, '_blank');
关于“Vue如何配置marked链接添加target="_blank"”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。
--结束END--
本文标题: Vue如何配置marked链接添加target="_blank"
本文链接: https://www.lsjlt.com/news/76930.html(转载时请注明来源链接)
有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
下载Word文档到电脑,方便收藏和打印~
2024-01-12
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
回答
回答
回答
回答
回答
回答
回答
回答
回答
回答
0