javascript - 如何调整react-draft-wysiwyg body中的内容样式

Question

我是 React 新手，我已经使用过 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>
    );
  }
}

这里是完整的代码:"https://codesandbox.io/s/distracted-ritchie-s75re "

尝试给出边界，但问题是当我写更多的字时，它会超出边界。谁能帮我解决这个问题？

Answer 1

首先，您使用的是 react-draft-wysiwyg

• 引用其document

---

可以通过editorStyle的属性设置编辑器样式

editorStyle: style object applied around the editor

import { Editor } from "react-draft-wysiwyg";
import "react-draft-wysiwyg/dist/react-draft-wysiwyg.css";
...
<Editor editorStyle={{ border: "1px solid" }} />