在 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

希望对您有所帮助！