【发布时间】:2021-10-11 22:03:18
【问题描述】:
我试图将 ngx-editor 用于富文本编辑器,但我想禁用在编辑器中粘贴图像的属性。尽管我已从工具栏中删除了插入图像按钮,但它仍在编辑器中粘贴图像。
ngx-editor 文档链接:https://sibiraj-s.github.io/ngx-editor/#/
【问题讨论】:
-
添加示例代码
标签: angular rich-text-editor ngx-editor
我试图将 ngx-editor 用于富文本编辑器,但我想禁用在编辑器中粘贴图像的属性。尽管我已从工具栏中删除了插入图像按钮,但它仍在编辑器中粘贴图像。
ngx-editor 文档链接:https://sibiraj-s.github.io/ngx-editor/#/
【问题讨论】:
标签: angular rich-text-editor ngx-editor
@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;
}
【讨论】: