在React中显示TinyMCE内容

Question

根据标题，我想要实现的是将编辑器中的 Wysiwyg 内容显示到另一个组件。

我在此处的codesandbox上创建了一个示例：https ://codesandbox.io/s/boring-tharp-zwflu

正如您所看到的，编辑器工作正常并且返回了应有的值。

我的问题是我无法将返回的字符串转换为 JSX 标签。

我进行了深入搜索，但找不到任何相关内容。

预先感谢您的时间和帮助！

Answer 1

您必须将 npm i react-html-parser 其安装导入到您的组件中 import ReactHtmlParser from "react-html-parser";"; 并渲染它

<div className="wysiwyg">
{ReactHtmlParser(wysiwyg)}
</div>