Install N1ED add-on on TinyMCE 4 and TinyMCE 5

Installing N1ED in TinyMCE 4 and TinyMCE 5 is basically standard installing of an add-on in TinyMCE.

Download and install N1ED

Download TinyMCE add-on now

  1. Download the add-on for TinyMCE in "Downloads" section of your Dashboard.

  2. Place the downloaded plugins to tinymce/plugins folder:

  1. Edit tinymce.init(). Specify add-ons you have purchased in plugins:
plugins: 'N1ED BootstrapEditor Flmngr ImgPen Translator'
  1. Install Flmngr (PHP, Node, Java, ASP.NET), on the server and specify these URLs in tinymce.init(). Even if you have not purchased Flmngr we provide you its server side package for using its basic features (like uploading) in N1ED.
urlFileManager: '',
urlFiles: '',
  1. Specify API key for YouTube in the client config for using this widget. This key is free and can be retrieved at Google Developer Console. For example:
widgets: {
    "YouTube": {
        "apiKey": "my-API-key"
  1. For correct work of Font Awesome widget add this parameter images_dataimg_filter:
images_dataimg_filter: function(img) {
   return img.hasAttribute('internal-blob');
  1. Add toolbar button for editing HTML source.
Edit HTML source TinyMCE button
Edit HTML source
Button name: HTML
Opens CodeMirror HTML code editor to edit whole the document with highlighting and error checking.

That's it. Now you are ready to use N1ED.