Froala 编辑器获取当前实例答案

【问题标题】：Froala Editor get Current instanceFroala 编辑器获取当前实例
【发布时间】：2015-07-09 16:53:42
【问题描述】：

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

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

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

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

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

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

【问题讨论】：

如果每次编辑都使用不同的id 并分别初始化它们会怎样？您可以将自定义配置保存在变量中并将它们传递给两者。 $('#editor1').editable(config) ;$('#editor2').editable(config);
我不能使用 id 因为页面可以有数百个动态添加的编辑器。
$('textarea.editor_here').each(function (){ $(this).editable(config) } );怎么样
我试过它不起作用。在那种情况下我得到错误， e 是未定义的。
我对您的脚本进行了一些更改，并使其正常工作。如果您可以创建一个答案，我会将其标记为已接受。

【解决方案1】：

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

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

var editorConfig = {};

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

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

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

【讨论】：