Javascript Froala编辑器获取当前实例

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

我的页面有多个编辑器，我使用文本区域的类初始化了这些编辑器。这是一个示例页面

在这个页面上，我们可以看到两个编辑器，当我们看到页面源代码时，我们可以看到我是如何初始化它们的。 在

工具栏中

我添加了一个

自定义下拉列表

，我们可以在最后看到它，使用

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

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

我还添加了可以在页面上查看的脚本。

---

如何在当前编辑器实例中插入短代码？

您可以逐个迭代所有编辑器并初始化它们。我还意识到您的自定义函数被设置为插入到所有编辑器中

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

var editorConfig={}；
$（'textarea.editor_here'）。每个（函数（）{
$（此）.editorConfig可编辑
});

此外，在当前配置中，您的自定义下拉列表应为

---

如果您使用不同的

id

进行每个编辑，并分别对其进行初始化，会发生什么情况？您可以将自定义配置保存在一个变量中，并将它们传递给这两个变量<代码>$（'#editor1'）。可编辑（配置）$（'#editor2'）。可编辑（配置）我不能使用id，因为页面可以有数百个动态添加的编辑器。关于

$（'textarea.editor_here'）。每个（函数（）{$（this.editable（config）}）我试过它不工作。在这种情况下，我得到了一个错误，e是未定义的。我对您的脚本做了一些更改，并使其正常工作。如果你能创建一个答案，我会将其标记为已接受。
'~vil~': function(element){
  this.insertHTML('~vil~');
}