Вот мой дизайн страницы:
HTML
<body>
<div class='grid'>
<div></div>
<div class='middle'>
<textarea class='editor' id='editor'></textarea>
</div>
<div></div>
</div>
</body>
css
.grid{
display:grid;
grid-temlate-columns:250px 1fr 250px;
}
.middle{
height:calc(100vh - 27px);
overflow-y:scroll;
}
Мне нужно сохранить панель инструментов TinyMCE фиксированной, т.е. не прокручиваемой.
Я пробовал это:
tinymce.init({
selector: "#editor",
toolbar_sticky: true,
...
})
Но, похоже, это работает, только если editor находится непосредственно внутри body - помещаясь под любым другим родитель не разрешен.
Еще одна попытка:
tinymce.init({
selector: "#editor",
inline: true,
fixed_toolbar_container: '#mytoolbar',
...
})
В результате панель инструментов вообще не отображается, а editor имеет собственную полосу прокрутки.