Froala Editor получить текущий экземпляр

Question

Я использую редактор Froala на своем веб-сайте, и я застрял в поиске правильного способа получить текущий экземпляр редактора.

Froala

Моя страница имеет несколько редакторов, которые я инициализированы с помощью класса текстовой области. Вот пример страницы http://1minutewebsites.com/froala.php

На этой странице мы видим два редактора, и когда мы видим источник страницы, мы можем видеть, как я их инициализировал. В toolbars я добавил custom drop down, который мы можем увидеть на последнем, используя custom dropdown.

Поскольку на странице примера есть два редактора, я хочу щелкнуть по первому редактору, и из выпадающего списка выберите любое значение. Он вставляет короткий код в оба редактора.

Я хочу вставить короткий код только в редактор, для которого мы нажимаем на раскрывающийся список, чтобы вставить короткий код.

Я также добавил скрипт, который можно просмотреть на самой странице. Как вставить короткий код в текущий экземпляр редактора?

Answer 1

Вы можете выполнять итерацию по всем редакторам по отдельности и инициализировать их. Я также понял, что ваши пользовательские функции настроены на вставку ко всем редакторам.

Вы можете инициализировать все ваши редакторы, выполнив следующие действия:

var editorConfig = {}; 

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

Также внутри текущей конфигурации, пользовательские выпадающие должны быть

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