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

/* 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;

  selector: 'textarea#premiumskinsandicons-fabric',
  skin: 'fabric',
  content_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

External CSS

  1. https://www.tiny.cloud/css/codepen.min.css

External JavaScript

  1. https://cdn.tiny.cloud/1/qagffr3pkuv17a8on1afax661irst1hbr4e6tbv888sz91jc/tinymce/5/tinymce.min.js