Question

我在其React版本中使用名为Froala的富文本编辑器。这些文档适用于JQuery文档。从关于React的小文章中，我找到了这些说明：

事件和方法事件可以通过选项传递，其中包含键事件和对象，其中键是事件名称，值是回调函数。

options: {
 placeholder: "Edit Me",
 events : {
   'froalaEditor.focus' : function(e, editor) {
     console.log(editor.selection.get());
   }
 }
}

使用回调参数中的编辑器实例，您可以调用方法文档中描述的编辑器方法。 Froala事件在事件文档中有描述。

我理解如何使用事件，但不能调用方法。这是否意味着我只能从事件中访问编辑器实例？有人可以澄清一下吗？例如，我想使用html.insert（）方法，如下所述：

$('.selector').froalaEditor('html.insert', 'foo bar', true);

如何与Froala React组件一起使用？

Answer 1

如果有人感兴趣，我实施了一个简单的解决方法：

我使用＆＃34;初始化＆＃34; event，只是为了获取Froala实例，并在我的类::

中添加对它的引用

'froalaEditor.initialized' : (e, editor)=> {
    this.froalaInstance = editor;

  }

现在我可以访问Froala实例......

Answer 2

如果有人仍然对如何实现这一目标感兴趣，请查看

在配置对象中定义方法非常简单。