Angular ngx-quill编辑器-手柄图像单击

<ngx-quill [(ngModel)]="editorContent"></ngx-quill>

import { Component } from '@angular/core';

@Component({
  selector: 'app-editor',
  templateUrl: './editor.component.html',
  styleUrls: ['./editor.component.css']
})
export class EditorComponent {
  editorContent: string;

  onEditorCreated(editorInstance: any) {
    // 监听编辑器的点击事件
    editorInstance.on('editor-change', (event: any) => {
      if (event && event.event === 'click') {
        const targetElement = event.source.getSelection().focusNode.parentElement;
        if (targetElement.tagName === 'IMG') {
          // 执行图像单击的操作
          this.handleImageClick(targetElement);
        }
      }
    });
  }

  handleImageClick(imageElement: any) {
    // 执行图像单击的操作，例如显示大图、编辑图像等
    console.log('Image clicked:', imageElement);
  }
}