TinyMCE textarea non può modificare

Question

Ecco il problema. Nella mia pagina di invio php, ho un modulo con più campi tra cui una textarea che sta attualmente utilizzando TinyMCE e ho anche un'opzione per duplicare il modulo esistente. Il fatto è che non posso editare il 2 ° editore che è stato duplicato, ma l'editor appare nella textarea. Tuttavia posso modificare e salvare il primo editor. Non sono sicuro se si tratti di un bug o semplicemente di qualcosa che non va? Ho provato ad aggiornare anche TinyMCE ma non ha funzionato .. qualche idea?

function initTinyMCE() { 
    tinyMCE.init({ 
     mode : "textareas", //mode : "exact", elements : "mytextarea" 
     theme : "simple" 
    }); 
} 
initTinyMCE(); 


$(document).ready(function(){ 
    $('a#addmore').live('click', function(){ 

     //*clone the existing form and inserting form here* 
     initTinyMCE(); 
    }); 

    $('a#toSubmit').live('click', function() { 
     tinyMCE.triggerSave(); 
     $('.editwork-form').submit(); 
}); 

}); 

Answer 1

Non riesco a far funzionare .clone(), neanche nella console di debug. Tuttavia, la mia soluzione di lavoro è la seguente, forse questo aiuta?

initTinyMCE(); 

$("#append").live("click", function() { 
    var ta_count = $("textarea").length; 

    var elem = document.createElement("textarea"); 
    $(elem).attr("id", ta_count.toString()); 
    $(elem).appendTo("#ta_container"); 

    initTinyMCE(); 
}); 

function initTinyMCE() { 
    tinyMCE.init({ 
     mode: "textareas", 
     theme: "simple", 
     theme_advanced_path: false 
    }); 
}​ 

Invece di .clone() ing dell'elemento, sto solo creando una nuova textarea e aggiungerlo al contenitore (utilizzando il conteggio di tutte le aree di testo sulla pagina come è ID per renderlo unico), poi ri- chiamando l'inizializzatore tinyMCE.

Example jsFiddle

Answer 2

Assicurati che le tue aree di testo abbiano identificativi diversi, altrimenti non ci sarà una seconda istanza di editor! Questa è una cosa cruciale quando si creano istanze di editor di tinymce.