从draftjs显示数据块

Question

如何在我的react组件中显示，该组件是从draftjs编辑器保存到mongodb的。

这就是我数据库里的内容：

"blocks" : [ 
            {
                "key" : "7abte",
                "text" : "example",
                "type" : "unstyled",
                "depth" : 0,
                "inlineStyleRanges" : [ 
                    {
                        "offset" : 0,
                        "length" : 20,
                        "style" : "BOLD"
                    }
                ],
                "entityRanges" : []
            }
        ]

我找到了如何将它返回给Editor (编辑数据)，一切都很好。但我不能把它显示在前面的地方。

我还尝试将编辑器内容导出到语义HTML，这是我收到的结果：

​

但是正如你所看到的，我不知道如何显示它，不是以字符串的形式，而是以html的形式。

你对我的问题有什么好的解决办法吗？

Answer 1

如果您需要处理HTML以显示在前端，您应该使用如下所示：

<div dangerouslySetInnerHTML={{__html: YourMarkupVar}} />

否则，作为安全措施的反应，将编码标签和显示为正常文本。