Draftjs 如何设计草稿js编辑器本身？

我试图学习如何使用draftjs，但我不知道如何将css应用到编辑器本身。我在文档中读到可以设计内容块，但我正在寻找一种设计编辑器的方法。

草稿在编辑器上设置了一些可以使用的类名。以下是一个（不全面的）列表：

• .DraftEditor根
• .DraftEditor编辑器容器
• .公共草稿编辑器内容
• .public DraftEditorPlaceholder根目录
• .公共起草人或地方持有人
• .公共绘图样式默认块

给他们看。以下是小提琴中使用的风格：

.DraftEditor-root,
.DraftEditor-editorContainer,
.public-DraftEditor-content {
  padding: 5px;
  margin: 5px;
}

.public-DraftEditorPlaceholder-root {
  margin-top: 28px;
  margin-left: 25px;
}

.public-DraftEditorPlaceholder-inner {
  background: rgba(0, 0, 0, .5);
  color: white;
}

.DraftEditor-root {
  border: 1px solid black;
}

.public-DraftEditor-content {
   border: 1px solid blue;
}

.DraftEditor-editorContainer {
  border: 1px solid green;
}

.public-DraftStyleDefault-block {
  border: 1px solid red;
  margin: 5px 0;
}

Draft还将根据文本对齐方式等输出更多的类名。我鼓励您检查Chrome DevTools中的元素，看看有什么可用