问题标签 [react-markdown]

我在使用 Next 和 react-markdown 的降价网站上遇到问题。我想添加一些脚本，例如 Github gist 的嵌入标签，但所有字符都已转义。有没有解决脚本标签内的字符转义的方法？

我添加rehypePlugins={[rehypeRaw]}到启用的 HTML 中：

我试过了：

输出：

“3”转换为"3"，脚本出错。

有没有人有好的解决方案？

我正在尝试导入react-markdown，但我得到了Error: Not supported

小组件看起来像这样：

任何人都可以建议使用此组件时为什么我的链接没有在新选项卡中打开？

在其他组件中像这样实现组件：

我再次尝试在 NextJS/React 中呈现 markdown。由于某种原因，我的代码不起作用，这里是：

它不是渲染降价，而是正常输出文本，就好像它是 JSON：

谁能告诉我为什么会发生这种情况以及如何解决？谢谢！

我无法提供更多细节，因为这就是所有代码。

嗨，我已经成功地将 react 语法高亮添加到使用 gatsbyjs 和strapi 的项目中，从strapi 内容被格式化为markdown，所以我已经添加react-markdown并react-syntax-hightlight处理我的应用程序中的渲染和语法高亮

这是我迄今为止实施的

文章.js

在这里，我实现了最新的 react markdown 以及如何在上面添加语法高亮。这就是它的样子

从这里我想在显示语法突出显示之前添加一些标题或文件名，例如 App.js。由于这是使用降价，所以我想怎么做才能做到这一点？

这是当前格式化的降价，以显示上面的语法高亮

Haloo，希望你有一个美好的一天！

我正在学习一些关于反应降价的东西，我已经成功使用反应降价编辑器，但是现在，当我想显示它时，我被卡住了，我正在使用react-markdownand NEXTJS，这就是问题所在：

导入library：

我的降价看起来像这样：

这是我的 div

当我刷新我的页面时，我得到了这个：

那不是H1，而且code tag似乎没有用，但是当我使用粗体时：

粗体正在显示..

在这一点上，我知道为什么会这样，有人可以帮助我吗？

我正在尝试~the underlined text~在 react-markdown （ remark ）中编写一个自定义插件以支持下划线（使用语法），问题是结果使用div标签而不是ins。

这是插件：

这是 Markdown 的用法：

这是结果

我用过type: 'underline', type: 'ins', tagName: 'underline', 'tagName: 'ins'，但它们都不起作用。我不知道我在这里做错了什么。

感谢您的时间 ：）

我react-markdown用来渲染降价。文本内容正确呈现，但我无法查看标题下和表格的行分隔符。我尝试在演示中粘贴相同的内容，https://remarkjs.github.io/react-markdown/并使用 line separators 正确呈现。

以下是实现的代码框链接。https://codesandbox.io/s/strange-firefly-zzv3r?file=/src/App.js。注意：该表在行和列之间没有行分隔符。为了呈现表格，我使用remark-gfm了文档中提到的react-markdown

以下是呈现降价的 React 组件

这是一个 next.js SSG 项目，但是在npm run dev尝试import react-markdown. 我无法通过这一步进行测试next export

我知道 react-markdown 是一个 esm 包，但我不清楚如何将 esm 导入我的不是 esm 的项目中。我缺少任何包裹吗？我没有使用顺风 css。

对此的任何帮助将不胜感激。

包.json

next.config.js

tsconfig.json

零件

我正在关注 Github https://github.com/remarkjs/react-markdown并尝试将 SyntaxHighlighter 添加到我的降价代码片段中。尝试在用于呈现帖子的函数中使用示例代码时，出现下面提到的错误。Markdown 使用三个反引号，这使用 NextJS。

如果我注释掉该行{...props}，红色下划线将被删除，但我没有看到代码在我的帖子中生效

尝试添加如下任何内容，但我仍然没有看到降价的任何效果。

code({ node, inline, className, children, ...props }: any)

错误：

代码：