Tinymce 图像插件在 angular 10 中不起作用

Question

我的项目 angular 10，我使用的是 tinymce-angular": "^4.0.0"

我无法在 Tinymce 编辑器中加载图像，这是我的代码。

html文件：

<editor [(ngModel)]="tinyData" apiKey="XYZ" [init]="tinymceInit">

打字稿：

this.tinymceInit = {

height : "480",
plugins: 'image code',
toolbar: 'undo redo | link image | code',
// enable title field in the Image dialog
image_title: true, 
// enable automatic uploads of images represented by blob or data URIs
automatic_uploads: true,
// add custom filepicker only to Image dialog
file_picker_types: 'image',
  file_picker_callback : function(cb, value, meta) {
    
    var input = document.createElement('input');
    input.setAttribute('type', 'file');
    input.setAttribute('accept', 'image/*');

    // Note: In modern browsers input[type="file"] is functional without 
    // even adding it to the DOM, but that might not be the case in some older
    // or quirky browsers like IE, so you might want to add it to the DOM
    // just in case, and visually hide it. And do not forget do remove it
    // once you do not need it anymore.

    input.onchange = function() {
      var file = input.files[0];

      var reader = new FileReader();
      reader.onload = function () {
        // Note: Now we need to register the blob in TinyMCEs image blob
        // registry. In the next release this part hopefully won't be
        // necessary, as we are looking to handle it internally.
        var id = 'blobid' + (new Date()).getTime();
        
        var blobCache = tinymce.activeEditor.editorUpload.blobCache;
        var base64 = reader.result.toString().split(',')[1];
        var blobInfo = blobCache.create(id, file, base64);
        blobCache.add(blobInfo);

        // call the callback and populate the Title field with the file name
       cb(blobInfo.blobUri(), { title: file.name });
      };
      reader.readAsDataURL(file);
    };

    input.click();
  }
}

问题是 tinymce 变量没有初始化。 显示未定义

我在那个地方看到了这个例子How to handle image upload in angular 5 Tiny MCE component？ . 但没有用