Update documentation to include custom plugin example

Overview

I am working on a react application and am using this wrapper to integrate tinymce as an editor. I have written a simple plugin that I would like to add to the editor. The tinymce documentation shows how to include a custom plugin using the PluginManager.add function.

How do I add my custom plugin using this wrapper?

[SimonFc]

@vctormb When TinyMCE(not the editor) is loaded a global object called tinymce is created. That is the object that’s being refered to in this example. If you make sure that tinymce.PluginManager.add('customPlugin', (editor) => { /* Do stuff here */ }); is being run before the editor is being set up, that is before this part -

<Editor
      init={{
        plugins: ['customPlugin']
      }}
    />

the editor instance will load the plugin(run the code) previously added to the global tinymce object. Doing it this way with the PluginManager ensures that everything in the editor instance is being set up in the right order.

[vctormb]

That’s how I’m creating a custom plugin.

<Editor
      init={{
        plugins: ['customPlugin'],
        toolbar: 'customPlugin',
        setup: editor => {
          customPlugin(editor); // I'm importing this plugin from a js file
        }
      }}
    />

I don’t even know if this is a correct way to do it. That’s the only way that I’ve found that works good.