javascript - 如何在 angular2 中使用 froala 事件

Question

我在我的 angular2 项目中使用 froala。我已成功上传图片，但无法触发 image.uploaded 事件。在froala文档中，事件是这样的

$('.selector').on('froalaEditor.image.uploaded', function (e, editor, response) {
  // Do something here.
});

但我无法在 ts 代码中实现这一点。

Answer 1

网上还很难找到的一件事是如何在 angular2 中使用 froala 的方法。

来自froala documentation ，你可以看到item.action，因此你可以将其用作angular2中的item.action()。例如隐藏工具栏。

typescript :

export class FroalaEditor {
    public editor;
    public model: string = '';
    public options: Object = {
        events: {
            'froalaEditor.initialized': (e, editor) {
                this.editor = editor;
            }
        }
    }

    showToolBar() {
        this.editor.toolbar.show();
    }
}

HTML:

<div [froalaEditor]="options" [(froalaModel)]="model"></div>