如何在tinymce中合并更改事件？

Question

我正在尝试在我的项目中使用 angular2-tinymce 库。我已经成功地将 tinymce 集成到我的模块中。但是当 tinymce 编辑器中发生任何更改时，我无法触发更改事件的任何回调。

// in add-progress-note.module.ts file
@NgModule({
  declarations: [
    AddProgressNotePage,
  ],
  imports: [
    IonicPageModule.forChild(AddProgressNotePage),
    TinymceModule.withConfig({
      menubar: false,
      plugins: ['textcolor'],
      toolbar: 'forecolor',
      resize: false,
      statusbar: false
    })
  ]
})

// in add-progress-note.html file           
<ion-row class="note-editor" id="noteArea">
            <app-tinymce class="note-input-textarea" [(ngModel)]='noteText' (change)="onChangeNote()"></app-tinymce>
</ion-row>

// in add-progress-note.ts file
  onChangeNote(): void {
    console.log(this.noteText);
  }

我的 onChangeNote 没有触发。

tinymce 编辑器中的任何更改事件如何触发回调事件？

Answer 1

如果您使用的是ngModel，您可以轻松地使用ngModelChange 而不是change。

<app-tinymce class="note-input-textarea" [(ngModel)]='noteText' (ngModelChange)="onChangeNote()"></app-tinymce>