javascript - 在 React 上将 String 转换为 HTML，富文本编辑器

Question

我正在使用 React-Quill 将富文本编辑器添加到我的应用程序中。

在我的数据库中存储下一个字符串：

const text = '<p>Hello<strong> World</strong></p><p><strong>Next Line</strong></p>';

现在我想在一个 REACT 组件中“渲染”文本常量，但是使用 HTML 给它的“样式”。

你好世界

下一行

我该怎么做？或其他富文本编辑器来实现？

标签： javascriptreactjsrichtextboxrich-text-editor

Answer 1

您可以危险地使用SetInnerHTML

来源：https ://reactjs.org/docs/dom-elements.html#dangerouslysetinnerhtml

const text = '<p>Hello<strong> World</strong></p><p><strong>Next Line</strong></p>';

<div dangerouslySetInnerHTML={{__html:text}} />