Задать вопрос
@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% процентов от доступной высоты.
  • Вопрос задан
  • 169 просмотров
Комментировать
Подписаться 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 разработчик
SummerWeb • Ярославль
от 100 000 до 140 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
JavaScript Developer (backend / fullstack)
Brightdata • Тель-Авив
от 5 500 до 6 500 $
Ещё вакансии
Заказы с Хабр Фриланса
Верстка лендинга из фигмы
08 мая 2024, в 22:04
500 руб./за проект
Необходим UI/UX-дизайн 1 (главной) страницы новостной социальной сети
08 мая 2024, в 21:50
10000 руб./за проект
Уведомление из Google таблицы в Telegram бот
08 мая 2024, в 21:37
3500 руб./за проект
Ещё заказы