如何在角度 8 中使用 ngModel 从 ckeditor 中输入的值获取值?

Question

<ckeditor [(ngModel)]="editorData" [editor]="Editor"></ckeditor>

我怎样才能从 html 到 组件中获取使用 ngmodel 从 ckeditor 输入的文本的值。我正在使用角度 8 和 ckeditor 5

Answer 1

withngModel

组件中已具有双向绑定的数据。因此，editorData属性将具有最新的值。

克编辑器 ng 模型

与change事件

您可以使用编辑器中的(change)事件。

<ckeditor [editor]="Editor" (change)="onChange($event)"></ckeditor>

import { ChangeEvent } from '@ckeditor/ckeditor5-angular/ckeditor.component';
@Component( {
// ...
} )
export class MyComponent {
public onChange( { editor }: ChangeEvent ) {
const data = editor.getData();
console.log( data );
}
...
}

CKEDITOR更改