reactjs - 如何在 ReactJS 应用程序中显示 SunEditor 创建的数据
问题描述
我刚开始使用 SunEditor,到目前为止,我已经成功地将它添加到 React 组件中,并在单击保存时将生成的文档存储在 mongoDB 中。到目前为止,这是成功的一半。现在我想渲染存储的文档,并且我在同一个组件中从数据库返回数据,但是当我渲染它时,所有的 HTML 都被显示(见图)。我很难找到正确显示此数据的文档。有谁知道这样做的正确方法是什么?
解决方案
好的,所以我花了一些时间思考它,我想到编辑器本身就是您呈现文本的地方。因此,如果您想显示在 SunEditor 中创建的文档,则将内容放入其中并隐藏工具栏(如果您要查看数据的只读视图)是有道理的。
这是从我的组件中的 render 方法中截取的片段:
return (
<Auxi>
<Logo />
<SunEditor
setOptions={editorOptions}
setContents={contents}
showToolbar={showToolbar} />
</Auxi>
);
推荐阅读
- java - 无法在 Java 中使用 selenium webdriver 自动登录 Gmail
- javascript - 如何使用 javascript 执行器在 selenium 中的特定网页部分向下滚动
- java - Single code for OpenGL ES 2.0 and OpenGL ES 3.0
- reactjs - 组合“React Toastify Redux”反应项目时输入错误
- webpack - 如何在 Rails 6 中使用 webpacker 使减少与 crossfilter2 一起工作
- android - 如何检查蓝牙连接状态?(非配对状态)
- excel - 无法格式化 Excel 的批量自动电子邮件模板的正文
- javascript - Vuejs:Axios 发布 JSON 数据和 Image 数据
- reactjs - 如何在 Firebase 身份验证电子邮件模板的操作链接 URL 中使用 firebase 的语言代码 (myFirebase.auth().languageCode)?
- javascript - 如果父项中的参数发生更改,则子组件的数组不会被重新渲染