javascript 使用react-markdown解析markdown中的下标

zbdgwd5y 于 2023-02-02 发布在 Java

关注(0)|答案(1)|浏览(154)

我编写了以下语法来获取.md文件中的下标：

x_i
   x~i~

react-markdown* 没有将其解析为下标。我找到了包remark-sub-super和此插件，如下所示：

<ReactMarkdown
          renderers={customRenderers }
          plugins={[remarkSubSuper]}
        >
          {blog.content}
        </ReactMarkdown>

这给了我一个错误：我还将skipHtml=true添加到组件中，并将其写入 .md 文件中：

b<sub>i</sub>

这也不起作用。我使用的是 next.js。

JavaScript

来源：https://stackoverflow.com/questions/66690977/parse-subscript-in-markdown-with-react-markdown

1条答案

按热度按时间

k3bvogb11#

使用下面的代码

<ReactMarkdown children={props.content} 
components={{ 
      em: ({ node, ...props }) => { 
              if ( props.children[0] && typeof props.children[0] === 'string' && props.children[0].startsWith('^')) { 
                    return <sup>{props.children[0].substring(1)}</sup> 
               } 
              if ( props.children[0] && typeof props.children[0] === 'string' && props.children[0].startsWith('~')) { 
                    return <sub>{props.children[0].substring(1)}</sub> 
               } 
             return <i {...props} /> 
            },
 }}

基本上我们正在创建一个新的自定义插件。
您可能还想阅读this story。

赞(0）回复(0）举报 2023-02-02

我来回答

javascript 使用react-markdown解析markdown中的下标

1条答案

相关问题

热门标签

最新问答