什么是不将注意力集中在Froala编辑器上的编程方法?单击编辑器上的工具栏按钮时,$ el(文本区域)

时间:2019-12-29 07:05:13

标签: javascript jquery froala

目前我正努力理解,单击工具栏按钮时最好不要将焦点放在Froala编辑器上?

我试图通过事件访问编辑器,但是我无法使它正常工作,我不确定这是正确的选择

    new FroalaEditor(".froala_editor", {    
      events: {
        'toolbar.focusEditor': function () {
          alert("hello")
          console.log(this);
        }
      }
    }); 

我们有editor.button.bindCommands(),但我也不明白。

我能上班的是

    var editor = new FroalaEditor(".froala_editor", {}, function () {
      $("button#moreText-1").click(function() {
          editor.$el.blur()
      });
    });

现在,当我单击 moreText 按钮时,似乎现在没有焦点在编辑器上,并且插入符号也不会显示。

但是还有更多的 api 类型的方法可以做到这一点。例如,必须触发一个事件以使 textarea 集中在单击上,因此确保 textarea 不会引起焦点然后变得模糊的最佳方法是什么。 / p>

1 个答案:

答案 0 :(得分:1)

在Froala Rich Text Editor成为焦点之后触发。

new FroalaEditor('.selector', {
  events: {
    'focus': function () {
      // Do something here.
      // this is the editor instance.
      console.log(this);
    })
  }
});