Skip to main content

Install N1ED JavaScript snippet

Include the script​

Include CDN version of N1ED editor into your HTML template. The editor, N1ED and other add-ons will be always updated to last version and cached.

Please only replace demo API key in the URL with your own one before using.

To configure it and enable other plugins please use personal Dashboard linked to your API key. There you can manage your API keys and link the editor instance with the configuration you will specify in Dashboard.

<!-- This div will be replaced with the editor -->
<div id="editor"></div>

<!-- Place this before adding script with N1ED
     to correctly process the moment when it is loaded -->
<script type="text/javascript">
    window.onEditorLoaded = function() {
        tinymce.init({
            selector: "#editor",
        });
    }
</script>

<!-- Load the script. API key can be found in the Dashboard -->
<script type="text/javascript"
        src="https://cloud.n1ed.com/v/latest/sdk/n1ed.js?apiKey=N1ED24RR1234123412341234">
</script>

n1ed.js loads Editor42, our free editor based on TinyMCE, so tinymce.init() works unchanged. For CKEditor 4, install the N1ED plugin into your CKEditor instead.

Install the backend​

Now you need to install the file manager server-side script somewhere on your server to enable file manager functionalities in your editor. Follow the instructions behind the link on how to do it.

Configuration​

The snippet carries only your API key. The toolbar, widgets, Bootstrap blocks and the file storage are configured for that key in the Dashboard.

Dashboard

Examples​

A live demo that loads N1ED with this snippet, with its code.