我是 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 "
尝试给出边界,但问题是当我写更多的字时,它会超出边界。谁能帮我解决这个问题?
最佳答案
首先,您使用的是 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" }} />
关于javascript - 如何调整react-draft-wysiwyg body中的内容样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60882835/