Install file manager plugin for TinyMCE

Get the latest release of TinyMCE 6

We've downloaded it from the official TinyMCE website, added our plugin, and included a SAMPLES/ folder with examples of integration.

You can use your existing TinyMCE installation or start from scratch with our ZIP.

Download TinyMCE 6.7.2 (latest)   -  Free, stable, safe. The Flmngr plugin and sample are included.
1
TinyMCE with file manager

Download

Get the file manager plugin for your TinyMCE 6 (v. 4 and 5 are also supported):

2

Unpack

Unpack the archive with the plugin into the plugins/ directory this way:

tinymce/
  plugins/
     file-manager/
        plugin.js
        plugin.min.js
3

Enable

Find the place in your HTML/JavaScript code where you load TinyMCE and enable the file manager add-on in initialization parameters:

tinymce.init({
    plugins: "image,link,file-manager",
    Flmngr: {
        apiKey: "FLMNFLMN", // Default free key
                            // Get free own API key to use with a visual configurator:
                            //   https://flmngr.com/dashboard 
    }
    // Toolbar is configured automatically
});
4

Install the backend

Now you need to install the file manager server-side script somewhere on your server. There is a manual behind the link on how to do it and link the backend with the Flmngr TinyMCE plugin.

Ready to use

Customize

TinyMCE file manager control panel

We recommend you to register a free own API key to configure Flmngr visually using Dashboard. Or you can configure it by passing API parameters directly. There is also a short FAQ related to TinyMCE plugin.

Dashboard

Samples

Here are the samples of TinyMCE with the file manager installation and using its API:

API

If you need to use Flmngr outside of TinyMCE on the same page, you can get its object and call it from JavaScript to ask it to pick files, upload an image, etc.

Use from API