在点击按钮时将角度组件动态插入到TineMCE编辑器

在点击按钮时将角度组件动态插入到TinyMCE编辑器，可以通过以下步骤实现：

首先，确保已经引入了Angular框架和TinyMCE编辑器，并正确配置它们。
创建一个Angular组件，用于包装TinyMCE编辑器和角度组件。可以命名为EditorComponent。
在EditorComponent的模板文件中，使用TinyMCE编辑器的插入点（通常是一个div元素）来展示编辑器。
在EditorComponent的组件类中，使用Angular的ViewChild装饰器来获取TinyMCE编辑器的实例。例如：

import { Component, ViewChild, AfterViewInit } from '@angular/core';
import tinymce from 'tinymce/tinymce';

@Component({
  selector: 'app-editor',
  templateUrl: './editor.component.html',
  styleUrls: ['./editor.component.css']
})
export class EditorComponent implements AfterViewInit {
  @ViewChild('tinymceEditor') tinymceEditor: any;

  ngAfterViewInit() {
    tinymce.init({
      target: this.tinymceEditor.nativeElement,
      // 其他TinyMCE配置项...
    });
  }
}

在EditorComponent的模板文件中，使用Angular的事件绑定机制，为按钮的点击事件绑定一个方法。例如：

<button (click)="insertComponent()">插入角度组件</button>

在EditorComponent的组件类中，实现insertComponent()方法，该方法用于在点击按钮时动态插入角度组件到TinyMCE编辑器中。可以使用TinyMCE的API来实现插入操作。例如：

insertComponent() {
  const componentHtml = '<app-angle-component></app-angle-component>'; // 角度组件的HTML代码
  tinymce.activeEditor.execCommand('mceInsertContent', false, componentHtml);
}