React中的Draftjs样式

Question

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

  

渲染编辑器时应包含此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
}