时间戳

首页 > 解决方案 > 在 Froala 所见即所得编辑器中为 React 调用方法

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

问题描述

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

标签： reactjswysiwygfroala

解决方案

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

https://froala.com/wysiwyg-editor/docs/framework-plugins/react/

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

推荐阅读