Css React中的Draftjs样式

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

在呈现编辑器时应包括此CSS，因为这些样式 设置文本对齐、间距和其他重要参数的默认值 特征

如何在呈现组件时包含Draft.css？我是否将其包含在main index.html中

还有如何给编辑器一个

id

，以便我可以设置它的样式（例如

边框

，

填充

，

最小高度

，等等）

---

draftjs在构建中生成Draft.css，并可在node_模块中使用。使用css进行默认样式设置

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

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

---

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

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

---

每个包含DraftJS组件的页面中都应该包含Draft.css。要在多个位置设置DraftJ的样式，可以使用内联样式。如果需要通用功能，请在Editor和EditorState的顶部创建一个包装器组件。@Vijay好的，谢谢。@Vijay如何创建内联样式？我尝试了

，但没有成功。我希望customStyleMap属性可以做到这一点。该财产的文件与我的想法不同。我已经对你的问题投了赞成票。请注意，某些构建设置（如Create React App）会自动包含导入模块的默认css，因此在这些情况下无需执行任何操作。