javascript - Froala 编辑器获取当前实例

Question

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

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

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

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

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

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

score 0 · Accepted Answer

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

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

var editorConfig = {};

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

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

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

1 回答 1