N1ED visual editor plugin

Install PHP file manager from Composer

Download and install edsdk/flmngr-server-php package by running this console command:

composer require edsdk/flmngr-server-php

Then add in your controller and function serving some URL this code:

use EdSDK\FlmngrServer\FlmngrServer;

FlmngrServer::flmngrRequest(
    array(
        'dirFiles' => '/var/www/files'
    )
);

Install PHP file manager by copying the files

Sometimes you do not have Composer available on your server. No problem, here is a classic way to do it.

Download the latest version of PHP version of Flmngr:

and then unpack it to some folder inside your website structure.

The location of where you unpack the files will affect to file manager URL parameter Flmngr.urlFileManager you will specify later. For example, if you unpack to /var/www/flmngr, the URL of File Manager will probably be /flmngr/flmngr.php.

File manager for Node Express server installation

Install NPM package to add Flmngr code to your app:

npm install @edsdk/flmngr-server

Yarn users may use:

yarn add @edsdk/flmngr-server

Bind file manager on some URL

Attach Flmngr file manager to handle some URL on your Express server:

import express from 'express';
import bindFlmngr from '@edsdk/flmngr-server';

const app = express();

bindFlmngr({
    app: app,              // your Express application
    url: '/flmngr',        // URL to handle
    dir: '/var/www/files', // where files are stored into
    config: {}             // optional config
);

For the client installation step you will need to use your url value as Flmngr.urlFileManager on frontend to explain frontend where backend is located.

Please use absolute path for dir parameter. This directory must be available from outside by URL, its URL you can use as Flmngr.urlFiles in the client installation step (used to form URLs of files and images you insert). To make this derectory public, please serve it as folder with static content (if you did not do this yet):

app.use(express.static('/var/www/files'));

Run file manager microservice in Node

This way does not depend from any server/framework and can be used fully standalone or inside your custom app.

Install the package normally:

npm install @edsdk/flmngr-server

Yarn users may use:

yarn add @edsdk/flmngr-server

Then call this code to run Flmngr file manager server:

require("@edsdk/flmngr-server").startFlmngrMicroservice({
    host: 'localhost',
    port: 8080,
    url: '/flmngr',
    dirFiles: './www/files',
    dirRoot: './www'
});

Now you need to retrieve a value for Flmngr.urlFileManager needed for the the client installation step to link file manager dialog with server side. Just join protocol, port (if not 80), and URL. In this sample //localhost:8080/flmngr will be the value.

dirFiles parameter is used to explain to server side where all your files you want to browse are located. This directory must be opened from web and its URL will be the URL used as Flmngr.urlFiles in the the client installation step.