在 React 中显示 TinyMCE 内容

Question

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

我在这里创建了一个关于 codesandbox 的示例：https://codesandbox.io/s/boring-tharp-zwflu

如您所见，编辑器运行良好，并按预期返回值。

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

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

提前感谢您的宝贵时间和帮助！

Answer 1

我终于找到了解决方案，很抱歉还没有更新！

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

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

我创建了另一个codesandbox所以你可以直接看看工作副本：https://codesandbox.io/s/crazy-greider-dl2mv

希望有所帮助！

Answer 2

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

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

Display TinyMCE Content in React