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

Question

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

Answer 1

好的，所以我花了一些时间思考它，我突然想到编辑器本身就是您呈现文本的地方。因此，如果您想显示在​​ SunEditor 中创建的文档，则将内容放入其中并隐藏工具栏（如果您要获得数据的只读视图）是有意义的。

这是从我的组件中的 render 方法中截取的片段：

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