问题描述
我创建了一个函数来在 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 (将#修改为@)