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
}