Here is my page design:
<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;
}
I need to keep tinymce toolbar fixed, i.e. not scrollable. Tried this:
tinymce.init({
selector: "#editor",
toolbar_sticky: true,
...
})
Seems this only works if editor is placed directly inside body, any other parent is not alowed.
Another try:
tinymce.init({
selector: "#editor",
inline: true,
fixed_toolbar_container: '#mytoolbar',
...
})
result - the toolbar is not visible at all and editor has its own scrollbar.
Any help?