按類獲取TinyMCE實例

Question

我有一個包含多個TinyMCE實例的表單。 我使用Repeater控件動態創建了TextArea控件 - 它們都具有相同的ID，但我為每個控件賦予了不同的類。 我使用TinyMCE Init函數中的editor_selector：選項為每個TextArea控件分配了一個TinyMCE實例。

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

我想在JS函數中引用一個特定的TinyMCE實例並獲取其內容。 在每個TextArea控件具有不同的id的情況下，可以通過使用：

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

有沒有辦法通過 TinyMCE Init函數的editor_selector選項中分配給它的類來獲取特定的TinyMCE實例內容 ？

謝謝

Answer 1

使用本機TinyMCE方法無法做到這一點。 你必須為自己循環，例如（未經測試）

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

Answer 2

你做錯了。 HTML中不允許具有更多具有相同ID的元素。 給他們相同的類和不同的ID。

Answer 3

如果要按類檢索編輯器，則必須首先將此屬性設置為編輯器。

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

那么，你的textarea就像：

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

然后，您可以在所有您喜歡的編輯器之間進行迭代

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