title: Angular 13 Tinymce 6 add external plugin MathType
body: <p>I have an Angular application and I am using TinyMCE as my editor. And I want add external plugin to TinyMCE <a href="https://github.com/wiris/html-integrations/tree/stable/packages/mathtype-tinymce6" rel="nofollow noreferrer">MathType</a>. But I can't understand how can I add this plugin and to use?</p>
  <p>When I use this code:</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>export class PageComponent {
    tinymceConfig = {};
    constructor(private request: RequestService) {
      this.tinymceConfig = {
        external_plugins: {
          'tiny_mce_wiris': 'node_modules/@wiris/mathtype-tinymce6/plugin.min.js',
        },
        toolbar: 'tiny_mce_wiris_formulaEditor tiny_mce_wiris_formulaEditorChemistry',
        draggable_modal: true,
        extended_valid_elements: '*[.*]',
        plugins: 'lists link image table code help wordcount tiny_mce_wiris',
        language: 'ru',
      };
    }
  
    async testEvent() {
      await this.request.postRequest(`${environment.apiUrl}/api/auth/account/islogging`, []);
    }
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;editor
        [init]="tinymceConfig"
  &gt;&lt;/editor&gt;</code></pre>
  </div>
  </div>
  </p>
  <p>And this error:
  Failed to load plugin: tiny_mce_wiris from url node_modules/@wiris/mathtype-tinymce6/plugin.min.js</p>