Изменение высоты и ширины TextArea в codemirror

Я разрабатываю веб-сайт с xml, java-программами. Поэтому я выбрал CodeMirror для отображения программ в TextArea. Я успешно показал. Значение по умолчанию height равно 300px в codemirror.css. Как изменить высоту и ширину TextArea программно в codemirror?

Ответ 1

Руководство пользователя CodeMirror - ваш друг.

Пример кода:

<textarea id="myText" rows="4" cols="10"></textarea>

<script type="text/javascript" language="javascript">
    var myTextArea = document.getElementById('myText');
    var myCodeMirror = CodeMirror.fromTextArea(myTextArea);
    myCodeMirror.setSize(500, 300);
</script>

Ответ 2

myCodeMirror.setSize(null, 500);

Вы можете передать null для любого из них, чтобы указать, что это измерение не должно быть изменено.

Документация:

cm.setSize(width: number|string, height: number|string)

Программно установите размер редактора (переопределяя применимые правила CSS). ширина и высота могут быть числами (интерпретируемыми как пиксели) или единицами CSS (например, "100%"). Вы можете передать null для любого из них, чтобы указать, что это измерение не должно быть изменено.

Ответ 3

Хотя ответ от Кристиана велик, просто один на один:

Autoresize Demo.

.CodeMirror {
  border: 1px solid #eee;
  height: auto;
}

Установив стиль редактора height на auto и присвоив viewportMargin значение Infinity, можно выполнить CodeMirror для автоматического изменения размера в соответствии с его содержимым.

Источник: https://codemirror.net/demo/resize.html

Ответ 4

В качестве дополнения к правильному ответу:

Если вы хотите, чтобы он занимал весь размер родительского элемента, вы можете использовать:

myCodeMirror.setSize("100%", "100%");