JSFiddle - React, Tailwind, and code Playground
HTML
<script src="//tinymce.cachefly.net/4.1/tinymce.min.js"></script>
<div class="element">
<div id="toolbar-collection"></div>
<div class="editable">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas commodo neque nisi, eu molestie massa malesuada a. Cras vel elit accumsan, venenatis diam scelerisque, molestie metus. Duis sit amet sem ut dui vestibulum lacinia. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nullam tristique lacus nec dui dapibus, a fermentum arcu elementum. Duis id iaculis ligula, nec iaculis tortor. Morbi lacus diam, imperdiet ut iaculis id, consequat et enim. Nunc aliquet urna tellus, sed rhoncus nunc ultricies in. Nullam odio sapien, rutrum sit amet lorem ac, lobortis imperdiet velit. Integer ac nisl non metus elementum tempus. Donec gravida sapien nibh. In hac habitasse platea dictumst. Quisque mattis magna at nibh aliquet, sit amet posuere metus eleifend. Etiam magna leo, facilisis quis rhoncus eget, egestas eu erat.</p>
<p>Fusce semper ipsum et vulputate vulputate. Sed sagittis vulputate mauris non vulputate. Cras pulvinar nibh odio, a ornare dolor vestibulum sit amet. Vivamus metus metus, tempor non congue non, tempor sed turpis. Nullam a massa at massa molestie interdum ut vel dui. Sed dignissim viverra dui, nec venenatis tortor elementum at. Etiam cursus, lacus et semper malesuada, ipsum odio accumsan eros, eu tristique ipsum velit non quam. Etiam eu massa nec odio suscipit gravida sed eu tortor. Quisque nisi elit, interdum non felis non, molestie mollis neque. Aenean lectus felis, tempor a rutrum a, posuere quis massa. Aenean at auctor ex. Sed a augue eu dolor rutrum cursus ut ut libero.</p>
<p>Nullam aliquam et ipsum at vulputate. Sed accumsan velit commodo, congue massa nec, tincidunt felis. Maecenas in massa id lacus eleifend consequat. Donec aliquam ex quis diam dignissim, ut faucibus massa pulvinar. Pellentesque ac mollis lacus, a aliquam...
CSS
.element {
position: relative;
width: 80%;
margin: 100px auto;
}
#toolbar-collection {
top: 10px;
position: absolute;
z-index: 1;
}
#toolbar-collection.is-fixed {
position: fixed;
top: 10px;
}
JavaScript
tinymce.init({
selector: '.editable',
inline: true,
fixed_toolbar_container: '#toolbar-collection',
plugins: "paste autolink textcolor",
toolbar_items_size: 'small'
});
$(window).scroll(function() {
var top = $('.element').offset().top;
var y = $(window).scrollTop();
$('#toolbar-collection').toggleClass('is-fixed', y >= top);
})