javascript - 如何在 npm 中型编辑器中增加文本区域的高度？

Question

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

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

Answer 1

您可以使用两种不同的方式来增加媒体编辑器的高度，而不是文本区域。

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