如何在角度8中使用ngModel从ckeditor中输入值？

Question

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

我如何获取使用ngmodel从ckeditor从html输入到组件的文本的值。我正在使用角度8和ckeditor 5

Answer 1

带有ngModel

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

ckeditor ngModel

具有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 change