将包含 markdown 的 OpenAI 响应解析为 html

Question

我面临着从包含 markdown 到 html 的 OpenAI API 解析答案（并涵盖我可能遇到的所有情况）的问题，特别是在 React 中，而不破坏以下之一；表，响应中的多个换行符（例如“Hello World")，嵌套列表中的缩进。

我尝试了很多解决方案和库，包括

marked

、

react-markdown

、

markdown-it

、各种插件（gfm、breaks）、

whitespace: pre-wrap

、hacky

&nbsp \n

修复等。最终总会发生的是表格、多个换行符或表格最终会因所应用的解决方案的任何变化而中断。

我在这个示例响应中获得的最大成果是在将

react-markdown

与

remark-gfm

和

whitespace: pre-wrap

一起使用时。除了嵌套的有序/无序列表缩进之外，一切似乎都工作正常。看起来编写大量正则表达式来将 OpenAI 的输出调整为更适合

react-markdown

的内容（或者简单地更改 OpenAI 的响应格式，这是不太理想的选择）是不可避免的，但也许有人有和我遇到过同样的麻烦，可以提供一些急需的意见！

Answer 1

使用标记库

import { marked } from "marked";

marked.parse('# Marked in the browser\n\nRendered by **marked**.');
// output: <h1>Marked in the browser</h1> <p>Rendered by <strong>marked</strong>.</p>