Javascript 如何调整react draft wysiwyg正文中的内容样式

我是新手，我已经通过了draftjs编辑器，但是当我尝试使用代码时，边框没有显示出来

以下是编辑器的快照：

我的代码：

export default class App extends Component {
  render() {
    return (
      <Container>
        <Modal trigger={<Button>Show Content</Button>}>
          <Modal.Content>
            <Editor />
            <Button>Send</Button>
          </Modal.Content>
        </Modal>
      </Container>
    );
  }
}

导出默认类应用程序扩展组件{
render（）{
返回(
邮寄
);
}
}

下面是整个代码： “”

我试着给出边界，但问题是当我写更多的单词时，它会超出边界。有人能帮我查询吗？

首先，您正在使用

• 用它的

---

您可以通过editorStyle的道具设置编辑器样式

editorStyle：在编辑器周围应用的样式对象

从“react draft wysiwyg”导入{Editor}；
导入“react draft wysiwyg/dist/react draft wysiwyg.css”；
...

---

使用导入的编辑器时，必须指定正确使用的类名。因此，检查要更新属性的元素，并找到DOM元素的类名。有时，本机css代码可能会覆盖外部css代码。因此，请尝试手动指定为

div.rdw-editor-main{
  border: 1px solid #C0C0C0 ;
}

将此添加到您的style.css中，您肯定可以看到效果非常好的边框。你也可以这样做

<Editor editorStyle={{ border: "1px solid #C0C0C0" }} />

希望有帮助快乐编码

---

试试div.rdw-editor-main{border:1px solid#f2f2；}这真是太棒了！我们可以为身体确定一些高度吗，因为它显示的东西很少。使用类似于

minHeight的东西：“100px”

效果很好是的，谢谢

<Editor editorStyle={{ border: "1px solid #C0C0C0" }} />