How to increase height of textarea in npm medium-editor?

Question

Even after defining row height a single line textarea appears.

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

Answer 1

You can use two different way to increase the height of an medium editor, Not a textarea.

Medium will shows a contenteditable div instead of textarea in the editor.

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

OR

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

Contenteditable div will introduce p tag for each line.

Ref: https://github.com/yabwe/medium-editor/blob/master/demo/textarea.html