如何使用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 更改