css - React 中的 Draftjs 样式

Question

我想在我的项目中使用 draft.js。它有自己的 css，我也需要导入。在文档中说：

渲染编辑器时应该包含这个 CSS，因为这些样式设置了文本对齐、间距和其他重要特性的默认值。

1. 如何在渲染组件时包含 Draft.css？我是否将它包含在我的主要 index.html 中？
2. 还有如何给id编辑器一个，以便我可以设置它的样式（例如border，、、padding等min-height）

Answer 1

根据您的设置，您应该能够在 index.js 文件中包含或导入 Draft.css。

...
import 'draft-js/dist/Draft.css';
...

Answer 2

Draftjs 在构建中生成 Draft.css，并且在 node_modules 中可用。使用 css 作为默认样式。

对于编辑器的背景颜色，应修改以下 CSS 类：

.DraftEditor-editorContainer {
  background-color:#fff;
  border-left:.1px solid transparent;
  position:relative;
  z-index:1
}