Задать вопрос
@pakep
javascript

Как выставить высоту codemirror на всю высоту страницы?

Я пробовал создать codemirror таким образом
<body>
    <div id="codeArea"></div>

    <script>
        var editor = CodeMirror(document.getElementById('codeArea'), {
        lineNumbers: true,
        mode: "javascript",
    });
    </script>
</body>

И установить высоту так
.CodeMirror {
    font-size: 1em;
    float: left;
    width: 100%; 
    height: 100%;
}
.cm-wrap { height: 100% }
.cm-scroller { overflow: auto }

Область редактора занимает 100% ширину, но с высотой какие-то проблемы и она не увеличивается дальше ~50% процентов от доступной высоты.
  • Вопрос задан
  • 211 просмотров
Комментировать
Подписаться 1 Простой Комментировать
Решения вопроса 1
@pakep Автор вопроса
Я потратил много времени в гугле, но в итоге самостоятельно пришел к такому решению, может быть, способ не самый идеальный, но вот:
  1. Задаем значение высоты для div к которому будет привязан Codemirror
    <div id="code" style="height: 100vh"></div>

  2. Задаем настройки для Codemirror и добавляем стиль
    var editor = CodeMirror(document.getElementById('code'), {mode: "javascript"});

var editorClass = document.getElementsByClassName("CodeMirror");
for(var i = 0; i < editorClass.length; i++){
editorClass[i].style.height = "100%";
}


Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript FullStack разработчик
Rocket • Смоленск
от 80 000 до 130 000 ₽
Frontend-разработчик JavaScript
div. • Ставрополь
от 40 000 до 90 000 ₽
Fullstack разработчик JavaScript, php
Дорстрой-36 • Воронеж
от 100 000 до 200 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Необходимо привязать к телеграмм боту веб-интерфейс
29 нояб. 2024, в 17:16
40000 руб./за проект
Доработка python - одна функция
29 нояб. 2024, в 16:58
1000 руб./за проект
Разработать Telegram-бота
29 нояб. 2024, в 16:42
15000 руб./за проект
Ещё заказы