Install .NET file manager for TinyMCE 5 and 4

Download .NET version of Flmngr

Server side part for N1ED is represented by Flmngr package available in NuGet package repository.

Add this package into the dependencies list of your project

You can do it in Visual Studio in this way:

  • In Solution Explorer, right-click References and choose Manage NuGet Packages.
  • Select the Browse tab, search for Flmngr.
  • Click Install button.
More info with screenshots about how to install NuGet packages.

Configure .NET backend

Open Web.config file of your project and inside of <configuration> section paste:

<configSections>
    <section name="Flmngr" type="Flmngr.Configuration.FileManagerConfigurationSection, Flmngr, Version=1.0.0.0, Culture=neutral"/>
</configSections>

<Flmngr>
    <add key="crossDomainUrl" value="*"/>
    <add key="dirFiles" value="files"/>
</Flmngr>

<system.webServer>
    <handlers>
        <add name="FMHandler" verb="*" path="flmngr" type="Flmngr.Files.Handler, Flmngr" />
    </handlers>
</system.webServer>

Set dirFiles value according to the directory where is your files storage (relative to the root directory of your project).

In this sample the URL of your file manager will be /flmngr, change the path value of the handler (path="flmngr") to change this URL. This URL you will use on the next step.

If your file manager URL is located on the same domain as the main website, you can remove crossDomainUrl option.

Configure URLs

Now the last step: to link the client application (N1ED and Flmngr) with the backend you just installed.

Go into your N1ED configuration using the Configuration button on it or inside Dashboard (select the configuration attached to the current API key).

Select tab Files & Images and fill the values there.

Configuration panel with URLs screenshot
Configuration panel with URLs

There are three options there:

  • File Manager URL. Set the URL on which your Flmngr backend is linked to. This depends on how you installed your backend in the previous steps. N1ED will call this URL to ask your server about something (list files, upload a file, etc.).
  • Files URL. Specify the prefix of URL where your files and images are available through the web. For example, if you have URL of some published image like https://example.com/images/demo.png, probably the correct Files URL will be https://example.com/images.
  • Uploads directory. The directory will store uploaded files without a parent directory specified (quick uploads). The path starts from the root of your file storage on the server. For example, you store files in /var/www/images and want to store all quick uploads in /var/www/images/uploads, the correct value here will be /uploads/ (be sure this directory exists on the server).