首页 > 解决方案 > 如何在 npm 中型编辑器中增加 textarea 的高度?

问题描述

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

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

标签: javascriptmedium-editor

解决方案


您可以使用两种不同的方式来增加中等编辑器的高度,而不是 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


推荐阅读