Froala Editor 获取当前实例

Question

我在我的网站上使用 Froala 编辑器，但我一直在寻找获取当前编辑器实例的正确方法。

我的页面有多个编辑器，我使用文本区域的 class 对其进行了初始化。这是一个示例页面 http://1minutewebsites.com/froala.php

在这个页面上我们可以看到两个编辑器，当我们看到页面源代码时我们可以看到我是如何初始化它们的。在 toolbars 中我添加了一个 custom drop down 我们可以在最后看到，使用 custom dropdown.

由于示例页面上有两个编辑器，我想单击第一个编辑器并从自定义下拉菜单中 select 任意一个值。它在两个编辑器中插入一个短代码。

我只想在我们点击下拉菜单插入短代码的编辑器中插入短代码。

我还添加了可以在页面本身上查看的脚本。如何在当前编辑器实例中插入短代码？

Answer 1

您可以单独遍历所有编辑器并对其进行初始化。我还意识到您的自定义函数设置为插入到所有编辑器。

您可以通过执行以下操作来初始化所有编辑器：

var editorConfig = {};

$('textarea.editor_here').each(function (){ 
  $(this).editable(editorConfig) 
});

同样在您当前的配置中，您的自定义下拉菜单应该是

'~vil~': function(element){
  this.insertHTML('~vil~');
}

Froala Editor get Current instance