javascript - 如何在 npm 中型编辑器中增加 textarea 的高度？

Question

即使在定义行高之后，也会出现单行文本区域。

<textarea rows="10" id="" name="" class="editable "></textarea>
<script>var editor = new MediumEditor('.editable');                             
</script>

Answer 1

您可以使用两种不同的方式来增加中等编辑器的高度，而不是 textarea。

Medium 将contenteditable在编辑器中显示 div 而不是 textarea。

.medium-editor-textarea {
    min-height: 150px;
}

或者

<textarea class="editable medium-editor-textarea">
    <p><br></p>
    <p><br></p>
    <p><br></p>
</textarea>

Contenteditable div 将为p每一行引入标签。

参考：https ://github.com/yabwe/medium-editor/blob/master/demo/textarea.html