我在我的 Angular 7 项目中使用 CKEditor 5。我已遵循官方文档，并在编辑器内容更改时使用'ChangeEvent'检索数据。现在我想每当单击“保存”按钮时检索数据。
我的CKEditor工具栏没有保存按钮，如何添加？
当我点击保存按钮时如何检索数据？
这是html代码：
<ckeditor [editor]="Editor" (change)="onChange($event)" >
</ckeditor>
<button (click)=save()>Save</button>
这是打字稿：
public Editor = ClassicEditor;
public onChange( { editor }: ChangeEvent ) {
const data = editor.getData();
console.log( data );
}
save(){
const data = this.Editor.getData();
console.log( data );
}
提前致谢。
我在我的Angular7项目中使用材料设计。垫子按钮上有一个点击事件。
itemclick(event: Event) {
//to know the id of clicked element,ie button
let elementId: string = (event.target as Element).id;
console.log(elementId);
}
这是 HTML
<button mat-button color="primary" id="test1" (click)="itemclick($event)" style="outline: none">Property1</button>
但我并不总是得到 id，因为 (event.target) 在 mat-button（id=test1 的情况）和 mat-button-wrapper（id 为空的情况）之间不断随机变化。
如何解决这个问题？提前致谢。
我正在使用 angular 7 和材料设计工具包。我有一个包含多个验证和两个按钮的表单；一种用于打开文件选择器（“上传图片”按钮），另一种用于提交表单。每当我单击“上传图片”按钮（其“类型”未指定）时，表单中的所有验证/错误都会立即出现相应的字段。无论如何要避免这种情况？
这是“上传图片”按钮的 HTML 代码：
<input
style="display: none"
type="file" (change)="uploadFile($event)"
#fileInput>
<button mat-button color="primary" (click)="fileInput.click()">Select File</button>
</div>
提前致谢。