如何增加 react-draft-wysig 中的默认行数？答案

【问题标题】：How to increase the number of default rows in react-draft-wysig?如何增加 react-draft-wysig 中的默认行数？
【发布时间】：2021-10-31 16:00:02
【问题描述】：

我的 Web 应用程序需要一个所见即所得的编辑器。为此，我开始使用 react-draft-wysig。整个编辑器显示正确，但我想增加文本输入窗口的默认高度。

这是我的编辑器的样子： https://i.stack.imgur.com/eZy1m.png

这就是定义我的编辑器的代码的样子：

const [editorState, onEditorStateChange ] = useState(EditorState.createEmpty());

return(
...
<Editor editorState={editorState} onEditorStateChange={onEditorStateChange} editorClassName="editor-height"/>

应该修改文本输入窗口默认高度的 CSS 类：

.editor-height{
    min-height: 300px;
    overflow: auto;
}

问题是增加高度会增加“编辑器的背景”，而文本输入窗口不会改变。 https://i.stack.imgur.com/ajCwj.png

【问题讨论】：

标签： html reactjs react-draft-wysiwyg

【解决方案1】：

我遇到了类似的问题，并通过添加 editorStyle 属性修复了它，它允许您添加内联样式。然后您可以添加一个高度或 minHeight 值。

<Editor editorStyle={{ height: '400px' }} />

【讨论】：