Question

我正在使用带有ngx-quill NPM包的Quill编辑器。一切都很好，除了我不能让（模糊）事件发生。

现在，我正在解决编辑器中的每个文本更改问题。这是控制器

ngOnInit() {
  this.adminForm.controls['content'].valueChanges.subscribe(data => {
   console.log('Changed Values', data);
  });
}

这是HTML：

<quill-editor (change)="validateChange(field)" [formControlName]="field.id" [id]="field.id"></quill-editor>

但是当然（更改）事件在我移动到不同的输入时停止触发，我找不到访问（模糊）事件的方法。我真正需要的是一个可观察的，当形式场失去焦点时会发射。我正在使用Angular 5反应（动态）形式。

感谢任何想法!!

Answer 1

我使用quill-editor进行评论，我想重点检查用户是否未登录。我在登录页面上将其重定向，下面有quill-editor组件， (onContentChanged)="onContentChanged($event)"的事件发射器。

<quill-editor
    theme="bubble"
    [placeholder]="quillConfig.placeholder"
    [modules]="quillConfig.moduleConfig"
    [(ngModel)]="quillData"
    (onContentChanged)="onContentChanged($event)"
    (onSelectionChanged)="onSelectionChanged($event)"
    (onEditorCreated)="getEditorInstance($event)">
</quill-editor>

现在，我将onContentChanged($event)函数附加到(onSelectionChanged)羽毛笔eventEmitter上，因此检测到某些更改的羽毛笔组件正在调用

 onContentChanged(event: any) {
    if (!this.userAccount && event.oldRange === null && event.range !== null) {
      this.router.navigate(['/login']);
    }
  }

所以您应该具有相同的功能，但要检查此条件

if (range === null && oldRange !== null) {
   //(blur event) occur and do something
}

如果您还有其他问题，请随时提问。

Quill编辑器没有为Angular中的（模糊）事件触发

1 个答案: