Event Listeners
Browse all samples

N1ED Editor with File Manager

File Manager live demo with code sample 17 of 27

Play on CodePen External link File Manager API
N1ED: File Manager from Field

When to use

N1ED is a WYSIWYG content editor that can be used standalone or installed as a plugin for popular classic editors like TinyMCE and CKEditor.

The Flmngr file manager is already integrated with N1ED, so you just need to link it to your server storage to start using it.

How it works

This sample mainly demonstrates the initialization of N1ED itself, with the file manager being initialized alongside it.

The recommended way to connect N1ED with your server storage is by setting its URL inside the N1ED visual Dashboard. In this demo, only the API key is required (it is specified in the URL when loading N1ED).

How to start using

The Flmngr file manager is one of the crucial components built into N1ED — the #1 website editor that supports visual block-by-block editing, responsive Bootstrap/Tailwind content, and — last but not least — powerful media management.

If you install N1ED in your CMS or SaaS website builder, you will not only be able to call the file manager from the editor, but also use the Flmngr API outside the editor.

Demo
Code
HTML
CSS
window.onEditorLoaded = function() {
  tinymce.init({
    selector: "#editor"
  });
}
<div style="margin-left: 320px"> 

  <h2 class="mb-3">Flmngr: N1ED WYSIWYG HTML Editor With the File Manager</h2>

  <textarea id="editor"></textarea>
</div>

<script type="text/javascript" src="https://cloud.n1ed.com/cdn/N1ED24RR1234123412341234/n1tinymce7.js"></script>
body {
  padding: 20px;
  background-color: #F4F4F4;
}

h2 {
  font-weight: bold;
}

.tox-promotion {
  display: none !important;
}