时间戳

首页 > 解决方案 > 在 React 中显示 TinyMCE 内容

reactjs - 在 React 中显示 TinyMCE 内容

问题描述

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

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

如您所见，编辑器工作正常，并按应有的方式返回值。

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

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

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

标签： reactjstinymcereact-hooks

解决方案

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

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

推荐阅读