reactjs - 在 React 中显示 TinyMCE 内容

Question

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

我在这里创建了一个关于代码沙箱的示例： 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>

Answer 2

我实际上在最后找到了解决方案，抱歉还没有更新它！

这是我从 TinyMCE 得到的关于这个问题的答案：https ://github.com/tinymce/tinymce-react/issues/138

因此，您应该直接使用解析器，在这种情况下 react-html-parser 将完成这项工作。

我创建了另一个代码沙盒，因此您可以直接查看工作副本：https ://codesandbox.io/s/crazy-greider-dl2mv

希望有帮助！