Froala编辑器获取当前实例

Question

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

Froala

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

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

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

我想在我们点击下拉列表的编辑器中插入短代码以插入短代码。

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

Answer 1

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

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

var editorConfig = {};

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

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

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