微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

Markdown-it 插件没有被应用

如何解决Markdown-it 插件没有被应用

我创建了一个函数来在 React 应用程序中呈现 Markdown。我需要对其应用一些额外的插件,例如,我们可以在新选项卡中打开链接。但是插件似乎没有做任何事情。

这里有什么我们遗漏的吗?

渲染功能

import React from 'react'
import MarkdownIt from 'markdown-it'
import mila from 'markdown-it-link-attributes'

const md = new MarkdownIt({ html: true,linkify: true,typographer: true })

const render = (content = '',options = {}) => {
  const { Tag = 'div',className = '',...props } = options
  md.use(mila,{
    attrs: {
      target: '_blank',rel: 'noopener'
    }
  })
  return (
    <Tag
      {...props}
      className={className + ' markdown'}
      dangerouslySetInnerHTML={{ __html: md.render(content) }}
    />
  )
}

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。