如何使用angular 8中的ngModel从ckeditor中输入值？

Question

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

如何使用 ngmodel 从 html 到组件获取从 ckeditor 输入的文本的值。 我正在使用 angular 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 更改