这篇文章将为大家详细讲解有关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
回答
回答
回答
回答
回答
回答
回答
回答
回答
回答
一口价域名售卖能注册吗?域名是网站的标识,简短且易于记忆,为在线用户提供了访问我们网站的简单路径。一口价是在域名交易中一种常见的模式,而这种通常是针对已经被注册的域名转售给其他人的一种方式。
一口价域名买卖的过程通常包括以下几个步骤:
1.寻找:买家需要在域名售卖平台上找到心仪的一口价域名。平台通常会为每个可售的域名提供详细的描述,包括价格、年龄、流
443px" 443px) https://www.west.cn/docs/wp-content/uploads/2024/04/SEO图片294.jpg https://www.west.cn/docs/wp-content/uploads/2024/04/SEO图片294-768x413.jpg 域名售卖 域名一口价售卖 游戏音频 赋值/切片 框架优势 评估指南 项目规模
0