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

Question

我跟着draft-js document创建了一个非常简单的draft-js演示。

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

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

演示项目位于：https://github.com/js-demos/react-draft-js-demo，您可以克隆它并按照自述文件运行它。

我仔细审核了代码，但无法弄清楚原因。

Answer 1

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

Answer 2

希望你想出来，如果不是（或其他任何人），我的解决方案是两步：

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

2. 在index.html中引用所述文件：

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

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

Answer 3

我不是天才，但我可能建议您这样做： https://www.youtube.com/watch?v=XGxdCXyMC7k

简而言之，看起来默认值只是Rich Text Editor启动器类型的东西。您需要更多的单个实例，例如文档“ Rich Styling”部分中的演示。

Answer 4

实际上，我为解决这个问题做了很多尝试，但徒劳无功。我所做的是使用在js草稿顶部构建的另一个软件包，并且运行良好。

您可以在这里找到它：https://jpuri.github.io/react-draft-wysiwyg/#/