Draftjs式样反应

Question

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

在呈现编辑器时，应该包括此CSS，因为这些样式为文本对齐、间距和其他重要功能设置了默认值。

1. 如何在呈现组件时包含Draft.css？我是否将它包括在我的主index.html中？
2. 另外，如何将id提供给编辑器，以便我可以对其进行样式设计(例如。( border、padding、min-height等)

Answer 1

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

...
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
}