ngModel 未綁定到 angular 5 中的 tinymce

Question

我在 angular 5 項目中集成了 tinymce，它工作正常但數據綁定不起作用。 如何在 angular5 項目中使用 tinymce 實現數據綁定。 我正在嘗試將“tinymce”文本編輯器與“ngmodel”綁定。 我做不到。 你能幫我嗎？ 我試過波紋管代碼。

html

    <editor [(ngModel)]="dataModel"></editor>

腳本

import { EditorModule } from '@tinymce/tinymce-angular';
@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    EditorModule // <- Important part
  ],
  providers: [],
  bootstrap: [AppComponent]
})

Answer 1

確保在FormsModule中導入app.module.ts 。

import { EditorModule } from '@tinymce/tinymce-angular';
import { FormsModule } from '@angular/forms';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    EditorModule,
    FormsModule // <--- here
  ],
  providers: [],
  bootstrap: [AppComponent]
})

Answer 2

數據綁定應該可以很好地使用已經提到的，但這里又是。

<editor [(ngModel)]="textdata" apiKey="your api key" [init]="{plugins: 'link'}"></editor>

如果你像 {{textdata}} 這樣用 html 打印它，你會得到所有帶有標簽的東西。