Install Flmngr file manager for Froala

Include plugin scripts

The installation of the file manager and image editor is the same as for any other Froala plugin.

Include this script into your document near the place where you include the main script of Froala:

<script src="https://cdn.jsdelivr.net/gh/edsdk/froala-file-manager@latest/js/froala-file-manager.js"></script>
<script src="https://cdn.jsdelivr.net/gh/edsdk/froala-image-editor@latest/js/froala-image-editor.js"></script>

Configure Froala file manager

Initialize Froala adding parameters about Flmngr server side destination in this way:

let editor = FroalaEditor('#editor', {
    Flmngr: {
        apiKey: "FLMNFLMN",                                  // default free key
        urlFileManager: 'https://fm.flmngr.com/fileManager', // demo server
        urlFiles: 'https://fm.flmngr.com/files',             // demo file storage
    }
    // Toolbar is configured automatically
});

Install the backend

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

Ready to use