使用代码突出显示反射组件以呈现markdown

时间:2017-06-01 22:18:10

标签: javascript reactjs markdown

我需要创建一个呈现.md文件的文档组件。

我有一组.md文件(可能存储在数据库中而不是文件中),我想让用户浏览文档并查看文章。

关于渲染文件我已经尝试了Google目前列出的大部分内容,我正在尝试使用组件react-markdown

我无法搞清楚代码突出显示和平,我想知道是否有一个组件,开箱即用或将其作为直接布尔选项。

<ReactMarkdown source={file}/>

注意:我已在How do I render Markdown from a React component?中检查了答案,但找不到合适的答案。

1 个答案:

答案 0 :(得分:1)

我通过使用React Syntax Highlighter并将其传递到React Markdown的renderers属性中解决了该问题。它支持Prism.jsHighlight.js语法荧光笔库。

一段时间以来一直在寻找解决方案,并写了一篇有关解决特定问题的博客文章。 https://medium.com/young-developer/react-markdown-code-and-syntax-highlighting-632d2f9b4ada