如何在 ReactJS 应用程序中显示由 SunEditor 创建的数据

Question

我刚开始使用 SunEditor，到目前为止，我已成功将它添加到 React 组件中，并在单击“保存”时将生成的文档存储在 mongoDB 中。到目前为止，这是成功的一半。现在我想渲染存储的文档，并且我在同一个组件中从数据库返回数据，但是当我渲染它时，所有 HTML 都被显示（见图）。我很难找到有关正确显示此数据的文档。有谁知道正确的做法是什么？

Answer 1

好的，所以我花了一些时间考虑它，然后我想到编辑器本身就是您呈现文本的地方。如果您想显示在​​ SunEditor 中创建的文档，您可以将内容放入其中并隐藏工具栏，如果您要查看数据的 read-only 视图。

这是我组件中执行此操作的渲染方法的片段：

        return (
            <Auxi>
                <Logo />
                <SunEditor 
                    setOptions={editorOptions} 
                    setContents={contents} 
                    showToolbar={showToolbar} />
            </Auxi>
        );