使用 dangerouslySetInnerHtml 显示来自 Firebase 的内容时保留 <pre> 标记空白答案

【问题标题】：Preserving <pre> tag whitespace when displaying content from Firebase with dangerouslySetInnerHtml使用 dangerouslySetInnerHtml 显示来自 Firebase 的内容时保留 <pre> 标记空白
【发布时间】：2017-11-19 17:21:36
【问题描述】：

这是背景：我希望能够将富文本博客帖子保存到 Firebase，然后在帖子页面上显示它们，包括代码 sn-ps。

现在，我只是将单个 html 字符串保存到 Firebase，在每个帖子中检索它，并使用 dangerouslySetInnerHtml 进行设置。我是唯一一个添加帖子的人。

但是，这意味着在块中显示代码 sn-ps 时，我会丢失选项卡信息。我不认为我可以使用解决方案，因为我正在使用危险的SetInnerHtml：Formatting code with <pre> tag in React and JSX

关于如何使用 React 和 Firebase 存储、检索和显示富文本的任何提示？感谢您的帮助。

【问题讨论】：

我能够使用以下内容将富文本转换为 html，然后将其缩小：* 4html.net/Online-HTML-Editor-Text-to-HTML-Converter-870.html * minifycode.com/html-minifier

标签： reactjs firebase

【解决方案1】：

我能够使用以下内容将富文本转换为 html，然后将其缩小：

【讨论】：