ng2-ckeditor ngModel不更新,事件不触发

时间:2018-10-09 16:05:39

标签: angular ckeditor

我已经成功地将ng2-ckeditor插入了我的应用程序,并且编辑器加载了通过ngModel提供的文本。但是,当我键入内容时,ngModel中的值不会更改,并且changeeditorChange事件不会触发。 ready事件会触发。

请考虑以下内容:

  <ckeditor
    [(ngModel)]="testContent"
    [config]="editorConfig"
    (change)="onChange($event)"
    (editorChange)="onEditorChange($event)"
    debounce="500">
  </ckeditor>

editorConfig = {
  skin: 'bootstrapck',
  height: 400,
  extraPlugins: 'divarea'
};

起初,我通过ngFor遍历一个可观察的列表来构建多个ck编辑器,但是发现模型内容没有被解雇。我将其简化为上述形式,没有陷入循环,但仍然无法正常工作。

我误解了它应该如何工作,或者这可能是个错误?

  • 角度6.1.4
  • ng2-ckeditor 1.2.1
  • ckeditor 4.10.1

2 个答案:

答案 0 :(得分:1)

请使用(ngModelChange)代替(change)。这是一个可行的解决方案。 [(ngModel)]也在工作。

stackblitz link

答案 1 :(得分:1)

问题似乎与我从网站创建的ckeditor版本有关。我重新下载了ckeditor(无需执行自定义构建),将我需要的皮肤和“ divarea”插件手动添加到assets目录中,然后一切正常。