如何解决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 举报,一经查实,本站将立刻删除。