Docs

Install N1ED add-on on TinyMCE

There are two simple ways to install N1ED into TinyMCE:

Install TinyMCE and add-ons from the scratch

When you start a new project you might want to install both TinyMCE and N1ED add-on using our CDN. Benefits of this way:

  • Always the latest version of official TinyMCE 5 build
  • Always the latest versions of N1ED and related add-ons
  • Visual configuration using Dashboard is auto applied to this installation

All you need to do here is to load whole TinyMCE from our CDN and initialize it mostly as before. Use this code to do it:

<div id="editor"></div>
<script type="text/javascript">
    window.onEditorLoaded = function() {
        tinymce.init({selector: "#editor"});
    }
</script>
<script type="text/javascript"
        src="https://cloud.n1ed.com/cdn/N1EDDFLT/n1tinymce.js"></script>
Sample, 1Kb

That's actually all. Now you can use your TinyMCE with N1ED. To configure it and enable other plugins please use free personal Dashboard.

Install add-on for your existing TinyMCE

When you already have TinyMCE installed, you can just install N1ED add-on for TinyMCE. You will have the same benefits like in previous way, except auto updating TinyMCE (you control it yourself):

  • Always the latest versions of N1ED and related add-ons
  • Visual configuration using Dashboard is auto applied to this installation

In order to install this add-on for TinyMCE, download it from your Dashboard:

...and enable in the TinyMCE initialization parameters:

tinymce.init({
    plugins: "n1ed",
});

Add plugins option if you do not have one. If this option already exists in your config you pass to TinyMCE, just append n1ed to existing configuration like plugins: "links,code,n1ed"

That's it. Now you are ready to use N1ED. Confiuration set in Dashboard will be applied to your installation any time you save it, and your installation will automatically apply it on next load.