羽毛笔编辑器:是否检查Angular中的内容更改?

时间:2020-07-28 13:46:30

标签: angular9 quill ngx-quill

我已经通过创建新的主轴实例并创建自定义工具栏在Angular中实现了主轴编辑器。

    this.quill = new Quill('#editor-container', {
        modules: {
            toolbar: '#toolbar-container'
        },
        theme: 'snow' // or 'bubble'
    });

我有一个“更新”按钮,它将调用更新API。我需要检查羽毛笔编辑器的内容是否已更改。我知道quill.on('text-change'):

    this.quill.on('text-change', function(delta, oldDelta, source) {
        if (source == 'api') {
            console.log('An API call triggered this change.');
        } else if (source == 'user') {
            console.log('A user action triggered this change.');
        }
    });

但是,我不确定该将其放置在哪里? NgOnInit? NgAfterViewInit?我已经在ngAfterViewInit中创建了羽毛笔实例。我知道这可能是一个愚蠢的问题。

任何帮助表示赞赏!谢谢! :)

1 个答案:

答案 0 :(得分:0)

您可以将其放在模块/组件的构造函数中。