Проблемы с TinyMCE в jQuery Tabs

Question

Я пытаюсь реализовать TinyMCE в jQuery Tabs, которые загружаются AJAX

В представлении первой вкладки я загружаю init следующим образом:

    $( "#tabs" ).tabs({
         load:function(event, ui){
          if(ui.index==5){
             if(typeof TinyMCE == "undefined") {

            tinyMCE.init({
                // General options
                mode : "specific_textareas",
                editor_selector : "mceEditor",
                theme : "simple",
            }); 
        }

Вкладка 5 содержит текстовые области.

При первой загрузке вкладки текстовая область изменяется в поле TinyMCE. Я могу получить содержимое этой текстовой области, используя

var note = tinyMCE.get('note').getContent()

Проблема в том, что он работает только в первый раз, когда эта вкладка загружена. Когда я нажимаю другую вкладку и возвращаюсь к вкладке 5, идентификатор уже изменяется в идентификаторе tiny_mce. Так что я могу получить контент только в первый раз, когда нажимаю на вкладку ..

Кто-нибудь знает, как решить эту проблему? Спасибо!

Answer 1

Вам необходимо закрыть экземпляры tinymce, прежде чем переключаться на другую вкладку, иначе элемент редактора с таким идентификатором будет заблокирован.

Удалите элемент управления, прежде чем переключать вкладку с помощью

// the_editor_id equals the id of the underliing textarea
tinyMCE.execCommand('mceRemoveControl', false, the_editor_id);