Vue如何配置marked链接添加target="_blank"

这篇文章将为大家详细讲解有关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(/^
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"”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，使各位可以学到更多知识，如果觉得文章不错，请把它分享出去让更多的人看到。
            
            
                        

            当前名称：Vue如何配置marked链接添加target="_blank"            

            标题URL：http://6mz.cn/article/pgiede.html