无法弄清楚为什么没有显示draft-js

Question

我按照draft-js文档创建了一个非常简单的draft-js演示.

一切似乎都运行良好,但是当我在Chrome中打开网址时,我只能看到一个白色的空白页面(那里有一个隐藏的编辑器组件但是不可见)

浏览器的控制台没有错误.

演示项目在这里:https://github.com/js-demos/react-draft-js-demo,您可以克隆它并按照自述文件运行它.

我仔细检查了代码,但无法弄清楚原因.

Answer 1

如果您只是使用Draft.js官方网站上的示例代码,您将在页面上看不到任何内容.它只是一个空白文本输入字段.如果单击该字段,则可以键入内容.Draft.js不是一个开箱即用的插件,而是一个"在React中构建富文本编辑器的框架".

Answer 2

希望你明白了，如果没有（或其他人），我的解决方案是两步：

1. 下载Draft.css文件并将其包含在您的源代码中。

2. 在您的文件中引用上述文件index.html：

   <link rel="stylesheet" href="./src/components/Draft.css" />

换句话说，您的问题与 Draft-js 编辑器的样式有关，因为对您来说，编辑器是“隐藏的”，即周围没有任何可辨别的框等。