Получить экземпляр TinyMCE по классу

Question

У меня есть форма с несколькими экземплярами TinyMCE. Я создал элементы управления TextArea динамически с помощью элемента управления Repeater. Все они имеют одинаковый идентификатор, но я дал каждому другому классу. Я назначил каждый из элементов управления TextArea экземпляр TinyMCE, используя опцию editor_selector: в функции TinyMCE Init.

tinyMCE.init({ mode : 'textareas',theme : 'simple',editor_selector : 'upperBlock',directionality : 'rtl'}); tinyMCE.init({ mode : 'textareas',theme : 'simple',editor_selector : 'middleBlock',directionality : 'rtl'}); 

Я хочу обратиться к конкретному экземпляру TinyMCE в функции JS и получить его содержимое. В случае, когда каждый элемент управление TextArea имеет другой идентификатор, который может с помощью сделать с помощью:

tinyMCE.get('IdOfYourTextBoxWithTheTinyMCEContent').getContent() 

Есть ли способ получить реф к конкретному содержанию экземпляра TinyMCE по классу присвоенного ему в editor_selector вариант функции TinyMCE Init?

Thanks

Answer 1

Это не может быть сделано с помощью собственных методов TinyMCE. Вы должны петли для себя, например, например. (непроверенные)

for (edId in tinymce.editors) { 
     if (tinymce.editors[edId].settings.editor_selector == 'upperBlock') { 
     // editor found - do something 
    } 
} 

Answer 2

Вы делаете это неправильно. В HTML не допускается иметь больше элементов с одинаковым идентификатором. Дайте им одинаковые идентификаторы классов и идентификаторов.

Answer 3

Если вы хотите получить редактор по классам, вы должны сначала задать эти свойства в редакторе.

tinymceOptions: { 
        mode: 'specific_textareas', 
        editor_selector: "yourClassName" 
       } 

тогда, ваше текстовое поле будет, как:

<textarea class="yourClassName"></textarea> 

, а затем, вы можете перемещаться между всеми редакторами у вас есть как

tinymce.editors.forEach(function(editor) { 
     if (editor.settings.editor_selector === 'yourClassName') { 
     // do what you want! 
    } 
});