Install Flmngr JavaScript snippet

To call file manager on your pages, please include its scripts into HTML:

<script src="https://cloud.flmngr.com/cdn/FLMNFLMN/flmngr.js"></script>
<script src="https://cloud.flmngr.com/cdn/FLMNFLMN/imgpen.js"></script>

Then wait until it is loaded by using some callback:

<script>
    window.onFlmngrLoaded = function() {
        // For example attach Flmngr to any buttons
        document.getElementById("btn").addEventListener("click", function() {
            // TODO: here we will write a code with Flmngr call, see below
        });
    }
</script>

Now your button or some widget you have is prepared and you can call Flmngr inside its click listener:

// Let's create a preconfigured instance of Flmngr
var flmngr = window.flmngr.create({
    urlFileManager: 'https://fm.flmngr.com/fileManager',
    urlFiles: 'https://fm.flmngr.com/files'
});

// Now we can use this object as many times we need
// In this example we show how to call file manager dialog to select images 
flmngr.pickFiles(
    {
        // some options can go here too     
        onFinish: function(files) {
            showSelectedImages(files);
        }
    } 
);

The calls above are documented in API section of this website. This sample uses creating Flmngr instance: window.flmngr.create(…) and picking files call: flmngr.pickFiles(…).

As you can see an example above uses demo server to store the files. Install server side of Flmngr and link file manager with it changing parameters from the sample to manage your own server storage with the file manager.