reactjs - 不知道为什么没有显示 draft-js

Question

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

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

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

演示项目在这里：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 编辑器的样式有关，因为对您而言，编辑器是“隐藏的”，即周围没有任何可识别的框等。

Answer 3

实际上，我尝试了很多来解决这个问题，但徒劳无功。我所做的是使用另一个构建在草稿 js 之上的包，它工作正常。

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

Answer 4

我不是天才，但我可以推荐这个： https ://www.youtube.com/watch?v=XGxdCXyMC7k

简而言之，看起来默认只是富文本编辑器启用程序类型的东西。您需要更多单个实例，例如文档的“丰富样式”部分中的演示。