<div class="dummy-header">
    TinyMCE Fabric Skin
</div>
<div class="my-custom-editor-container">
    <textarea id="premiumskinsandicons-fabric"></textarea>
</div>

/* Add a border around the editor */
.my-custom-editor-container {
    border: 1px solid #CBCBCB;
    border-top: 0; /* Remove top border because of the dummy header */
}

.dummy-header {
    background-color: #2b579a;
    color: #fff;
    display: flex;
    font-size: 20px;
    line-height: 50px;
    padding: 0 1rem;
}

tinymce.init({
  selector: 'textarea#premiumskinsandicons-fabric',
  skin: 'fabric',
  content_css: [
    'fabric',
    '//www.tiny.cloud/css/codepen.min.css'
  ],
  toolbar_mode: 'floating',
  plugins: 'advlist anchor autolink charmap code codesample directionality fullpage help hr image imagetools insertdatetime link lists media nonbreaking pagebreak preview print searchreplace table template textpattern toc visualblocks visualchars wordcount',
  toolbar: 'undo redo | formatselect | bold italic strikethrough forecolor backcolor blockquote | link image media | alignleft aligncenter alignright alignjustify | numlist bullist outdent indent | removeformat',
  height: 400
});