angular - 如何在 ngx-editor 中禁用图像粘贴？

Question

我试图将 ngx-editor 用于富文本编辑器，但我想禁用在编辑器中粘贴图像的属性。尽管我已从工具栏中删除了插入图像按钮，但它仍在编辑器中粘贴图像。

链接到 ngx-editor 文档：https ://sibiraj-s.github.io/ngx-editor/#/

Answer 1

@HostListener('paste', ['$event'])
private pasteFromClipboard(event: KeyboardEvent): void {
  event.preventDefault();
    
  if (this.insertClipboardImage(event)) {
    return;
  }
}

private insertClipboardImage(event): File | null{
  const pastedImage = getPastedImage(event);

  if (!pastedImage)
    return null;

  return pastedImage;
}

private getPastedImage(event): File | null {
  if (event.clipboardData) {
    if (event.clipboardData.files && event.clipboardData.files.length && isImageFile(event.clipboardData.files[0])) {
      return event.clipboardData.files[0];
    }
  }

  return null;
}

private isImageFile(file: File): boolean {
  return file.type.search(/^image\//i) === 0;
}