问题标签 [react-markdown]

从最新的 remark-gfm 文档中，我可以看到它应该支持脚注。但是，当我键入以下内容时：

这显示为文本，而不是转换为 HTML 标记。

我的代码是：

我正在尝试使用以下方式呈现有序列表react-markdown：

输出是字符串<ol><li>Item1</li><li>Item2</li></ol>。我错过了什么？

我有一个项目在前端使用 next.js，在后端使用strapi。为了渲染使用 markdown 的strapi 的到达文本，我在前端使用 ReactMarkdown 包版本“6.0.3”。

它运作良好 - 除了删除线和下划线。为了使删除线起作用（现在它只是呈现这样的文本：~~一些要删除的文本~~），我需要添加一个名为 remarkgfm 或 gfm 的插件，并且对于下划线 - 它只显示一些文本标签和没有下划线文本，为此我需要添加一个名为 rehype-raw 的插件。那是来自文档：

附录 A：markdown react-markdown 中的 HTML 通常会转义 HTML（或使用 skipHtml 忽略它），因为它很危险并且违背了这个库的目的。但是，如果您在受信任的环境中（您信任降价），并且可以节省包大小（±60kb 压缩），那么您可以使用 rehype-raw：

那是因为它不是直接翻译html。

这是我的代码：

但随后它给了我以下错误：

我尝试将此添加到 next.config.js，因为此讨论建议 https://github.com/vercel/next.js/issues/25454 ：

然后在我的文件中导入降价：

但仍然给出该错误，我在配置上做错了什么？

我有以下函数为 ReactMarkdown 做一些样式。

虽然这有效，但tsc抱怨style不兼容

td.style：CSSStyleDeclaration
JSX 样式属性：CSSProperties | undefined

您能否启发我，这两种类型之间有什么区别以及为什么它们不完全兼容。

我检查了remark-directive哪个react-markdown插件允许您在冒号后定义自定义指令，例如:custom-directive. 但我想知道是否有一种方法可以创建自定义语法，而无需在react-markdown.

期待这个

而不是这个

我正在使用查看器（并排）制作降价编辑器。

我面临一个问题，在 Markdown 中键入图像的语法会导致

输入![]()用于插入降价图像的样板代码会导致错误发生。有谁知道处理这个问题的方法？

这是我的代码

我正在使用strapi（后端）和gatsbyjs/react（前端）的支持站点上工作。我正在尝试从我的管理员strapi 中检索带下划线的文本并将其显示在我的前端，但它没有正确检索 <u> 标记，而是显示 <u> 标记而不是带下划线的文本。是因为我的反应降价吗？

这是我的网络视图：当我查看元素检查器时，我在标签前看到了引号，这就是它不起作用的原因

这是我的代码：

这个 react-markdown 绝对让我的工作变得太容易了。但我想更改一些类似于 whatsapp 的降价语法。就像粗体一样，我们必须在 react-markdown 中将文本括在双星号 (**) 中，但在 whatsapp 中，如果我们将文本括在单个星号 (*) 中就足够了。那么我们可以这样改变吗？

我更喜欢使用 react-markdown 但如果有任何其他类似的包可用并提供直接解决方案，那么我已经准备好实现它。

我有一个 Next.js 应用程序，我正在部署到 vercel 并使用 ReactMarkDown 组件从 Strapi 后端呈现一些内容。

虽然这在本地有效，但部署失败并显示以下日志：

我认为这是罪魁祸首，它对使用“children”作为道具名称不满意，但是……ReactMarkDown 组件渲染内容的道具是……children。

我已经尝试过了，如下所示。

第一个，不会改变任何东西，后者不起作用，内容不再显示。

任何建议都非常感谢。

我正在使用 react-markdown ( https://www.npmjs.com/package/react-markdown ) 组件来呈现降价。我遇到了渲染 `. 似乎它没有应用突出显示方面。

这是我试图允许的。

一些带有突出显示的文本foo bar

Foo bar 没有使用 react-markdown 显示。有人有什么建议吗？

谢谢！