Установите высоту редактора QuillJS на 100 %. ⇐ CSS

[Anonymous]

В приведенном ниже приложении я хочу, чтобы редактор Quill заполнил существующее пространство в верхнем и нижнем колонтитулах. Я попытался сделать это на 100%, но это добавляет прокрутку на всю страницу. Как заставить Quill одновременно заполнять пространство, чтобы адаптировать размер экрана. (Если высота уменьшена, высоту редактора следует уменьшить)

Код: Выделить всё

var quill = new Quill('#editor', {
modules: {
toolbar: [
[{ header: [1, 2, false] }],
['bold', 'italic', 'underline'],
['image', 'code-block']
]
},
placeholder: 'Compose an epic...',
theme: 'snow'  // or 'bubble'
});

Код: Выделить всё

html,body {
margin: 0;
height: 100%;
}

#container {
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
}

#header {
height: 40px;
background: red;
}

#footer {
height: 40px;
background: red;
}

#editor-container {
height: 100%;
}

#editor {
height: 100%;
}

Код: Выделить всё

Header

Sample

Footer

Подробнее здесь: https://stackoverflow.com/questions/552 ... height-100