TinyMCE file manager integration sample

Play on CodePen All samples on CodePen External link

Demo

HTML

JavaScript

CSS

<h1 class="h5 mb-3">Flmngr: TinyMCE file manager (simple integration)</h1>

<textarea id="editor"></textarea>

"use strict";
tinymce.init({
    selector: "#editor",
    plugins: "file-manager,link,image",
    toolbar: "link | undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | outdent indent",
    Flmngr: {
        apiKey: "FLMNFLMN", // default free key
    }
});

body {
  padding: 20px;
  background-color: #F4F4F4;
}

.tox-promotion {
  display: none !important;
}

This sample demonstrates the installation of Flmngr into the TinyMCE editor without anything else, just by passing a file-manager plugin name into plugins and specifying the default API key. Later, you may change this API key to your own free one (which is necessary if you wish to use the visual configuration Dashboard).