Froala Editor v2多个编辑器当前实例

时间:2016-11-29 17:31:55

标签: froala

我试图创建一个简单的自定义插件按钮,它将触发模态。这是我的代码:

  $.FE.DefineIcon('mybutton', {
      NAME: 'smile'
  });
  $.FE.RegisterCommand('mybutton', {
      title: 'My Button',
      undo: true,
      focus: true,
      refreshOnCallback: true,
      popup: false,
      callback: function() {
          var editor = this;
          this.selection.save();

          $('#modal').modal('show');
          $('#modal').on('click', 'a', function() {
              editor.selection.restore();
              editor.html.insert('<i class="icon-apple"></i>');
              $(this).modal('hide');
          });
      },
  });

以上一切都运行正常,但由于我在同一页面上初始化了3个编辑器,所有3个编辑器都插入了'icon'。如何仅分配给活动编辑器。

1 个答案:

答案 0 :(得分:0)

如果你正在使用react或angular,你可以使用state设置编辑器,然后使用&#39; initialized&#39;在froala设置编辑器。这可以区分页面或视图中的各种编辑器。