reactjs - 在 React 中显示 TinyMCE 内容

标签 reactjs tinymce react-hooks

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

我在这里在 codeandbox 上创建了一个示例:https://codesandbox.io/s/boring-tharp-zwflu

如您所见,编辑器工作正常,并按原样返回值。

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

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

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

最佳答案

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

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

关于reactjs - 在 React 中显示 TinyMCE 内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/62002038/

相关文章:

javascript - 如何使数组在 React Component 的表格中垂直输出?

reactjs - 初始化前无法访问 'authReducer'

javascript - 如何在开发中自动删除 console.logs()?

python - 带有 django 的 TinyMCE,编辑选项较少

forms - TinyMCE 获取表单内容而不使用提交按钮

javascript - Tinymce + Filemanager = 缺少图像显示浏览按钮

javascript - 使用 useState 更新 React 中多个复选框的状态

javascript - 将 csurf 与 react 服务器一起使用

javascript - 使用 React 定期运行 fetch

javascript - 有没有办法检查和取消检查我的示例中的 "check-boxes"?