在 Froala 所见即所得编辑器中为 React 调用方法答案

【问题标题】：Calling methods in Froala wysiwyg editor for React在 Froala 所见即所得编辑器中为 React 调用方法
【发布时间】：2018-04-30 10:42:25
【问题描述】：

我在 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 组件一起使用？

【问题讨论】：

【解决方案1】：

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

我使用“初始化”事件，只是为了获取 Froala 实例，并在我的类中放置对它的引用::

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

  }

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

【讨论】：

【解决方案2】：

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

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

【讨论】：