When to use
TinyMCE is deservedly the most popular classic visual HTML editor, and sometimes all it requires are file management features.
Flmngr file manager provides a plugin for it, making integration seamless and easy. You can then upload images and insert them into the editor or access images that already exist in your current server storage.
How it works
Installation is extremely easy — after copying the plugin, simply mention it in the plugins parameter of TinyMCE.
Then add your API key as the apiKey parameter inside the Flmngr section, and that's all.
You can specify the URL of your server storage here, either directly using the API or with the help of the visual Dashboard provided by Flmngr.
How to start using
This code is for use with TinyMCE — the world's most popular classic WYSIWYG HTML editor.
Install the TinyMCE file manager plugin for quick implementation in your CMS or web app. All versions of TinyMCE are supported.
You can also install it into TinyMCE as part of the N1ED plugin, which not only provides a file manager, but also adds tools for Bootstrap or Tailwind block-by-block editing and support for a wide range of widgets.
The Flmngr API can be accessed directly from TinyMCE or from a TinyMCE+N1ED setup and used outside the editor as well.
tinymce.init({
selector: "#editor",
plugins: "file-manager,link,image",
toolbar: "link | undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | outdent indent",
Flmngr: {
apiKey: "FLMN24RR1234123412341234", // default free key
}
});<h2 class="mb-3">Flmngr: TinyMCE File Manager</h2>
<textarea id="editor"></textarea>body {
padding: 20px;
background-color: #F4F4F4;
}
h2 {
font-weight: bold;
}
.tox-promotion {
display: none !important;
}