如何打开TinyMCE 5对话框，主体内容包含Angular 10组件的内容是什么？

<button id="openDialogButton">打开对话框</button>

document.getElementById('openDialogButton').addEventListener('click', function() {
  // 打开TinyMCE 5对话框的逻辑
});

document.getElementById('openDialogButton').addEventListener('click', function() {
  tinymce.activeEditor.windowManager.open({
    // 对话框的配置参数
  });
});

document.getElementById('openDialogButton').addEventListener('click', function() {
  tinymce.activeEditor.windowManager.open({
    title: '示例对话框',
    body: [
      { type: 'textbox', name: 'textbox1', label: '文本框1' },
      { type: 'textbox', name: 'textbox2', label: '文本框2' }
    ],
    buttons: [
      { type: 'cancel', text: '取消' },
      { type: 'submit', text: '确定', primary: true }
    ],
    onSubmit: function(api) {
      // 处理对话框提交的逻辑
    }
  });
});

import { Component, Input, Output, EventEmitter } from '@angular/core';

@Component({
  selector: 'app-example',
  template: `
    <div>
      <h2>{{ title }}</h2>
      <p>{{ content }}</p>
      <button (click)="handleClick()">点击按钮</button>
    </div>
  `,
  styles: [
    `
    div {
      background-color: #f0f0f0;
      padding: 10px;
    }

    button {
      background-color: #007bff;
      color: #fff;
      padding: 5px 10px;
      border: none;
      cursor: pointer;
    }
    `
  ]
})
export class ExampleComponent {
  @Input() title: string;
  @Input() content: string;
  @Output() buttonClick = new EventEmitter<void>();

  handleClick() {
    this.buttonClick.emit();
  }
}