如何配置 marked 链接,以添加 target=”_blank”?

Marked 是 Markdown 的解析器(parser)和编译器(compiler)。轻量级,为速度而生,无需长时间缓存或阻塞;可用作命令行界面 (CLI) 并在客户端或服务器端 JavaScript 项目中运行。很多独立产品诸如:倾城之链、曼妙句子、玉桃文飨轩,都是采用 Marked 解析 Markdown 为 html,交给浏览器渲染,从而呈现出效果。

Marked 解析(parser) Markdown,对于 <a> 标签,默认是在当前浏览器选项卡中打开;即:target=”_self”。如何配置 marked 链接,以添加 target=”_blank” ?只需采取如下处理方式即可(具体详情可参见:Marked Doc – parse ):

import { marked } from 'marked'

const renderer = new marked.Renderer()
const linkRenderer = renderer.link
renderer.link = (href, title, text) => {
  const html = linkRenderer.call(renderer, href, title, text)
  return html.replace(/^<a /, '<a target="_blank" rel="noopener" ')
}

marked.setOptions({
  renderer,
  sanitize: false,
})

export const parse = marked.parse
免责声明:
1.本站所有内容由本站原创、网络转载、消息撰写、网友投稿等几部分组成。
2.本站原创文字内容若未经特别声明,则遵循协议CC3.0共享协议,转载请务必注明原文链接。
3.本站部分来源于网络转载的文章信息是出于传递更多信息之目的,不意味着赞同其观点。
4.本站所有源码与软件均为原作者提供,仅供学习和研究使用。
5.如您对本网站的相关版权有任何异议,或者认为侵犯了您的合法权益,请及时通知我们处理。
火焰兔 » 如何配置 marked 链接,以添加 target=”_blank”?