ReferenceError: tinymce не определен - Angular8 - PullRequest
Новая
       2

ReferenceError: tinymce не определен - Angular8

0 голосов
/ 08 мая 2020

Использование tinyMCE в моем приложении Angular 8 и получение сообщения об ошибке:

ReferenceError: tinymce не определен

component.ts 

declare const tinymce: any; // outside the class

ngAfterViewInit() { // inside the class
    tinymce.init({
      selector: 'tinymce',
      height: 300,
      menubar: false,
      plugins: 'link lists paste image',
      toolbar: 'undo redo | formatselect | bold italic backcolor link image | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | removeformat'
    });
  }

компонент. html

<editor #tinymce id="tinymce" apiKey="mykeyishere" formControlName="article"></editor>

Я пытаюсь вызвать init () на tinymce из компонента, а не из шаблона, потому что я могу 'Не делайте этого (из официальных документов ) в шаблоне: 

/* without images_upload_url set, Upload tab won't show up*/
  images_upload_url: 'postAcceptor.php',

  /* we override default upload handler to simulate successful upload*/
  images_upload_handler: function (blobInfo, success, failure) {
    setTimeout(function () {
      /* no matter what you upload, we will turn it into TinyMCE logo :)*/
      success('http://moxiecode.cachefly.net/tinymce/v9/images/logo.png');
    }, 2000);
  }

Мне нужно определить пользовательский обработчик загружаемых изображений в моем компоненте, но документы для TinyMCE Angular охватывают только вариант использования, когда init вызывается из шаблона, поэтому в документации нет решения, когда дело доходит до обработки загрузки изображений.

Что я делаю не так?

...