TinyMCE Textbereich kann nicht bearbeitet werden

Question

Hier ist das Problem. In meiner PHP-Einreichungsseite habe ich ein Formular mit mehreren Feldern einschließlich einer Textarea, die gerade TinyMCE verwendet, und ich habe auch eine Option zum Duplizieren vorhandener Formulare. Die Sache ist, dass ich den zweiten Editor nicht bearbeiten kann, der dupliziert wurde, aber der Editor erscheint im Textarea-Bereich. Ich kann jedoch den ersten Editor bearbeiten und speichern. Ich bin mir nicht sicher, ob es ein Fehler ist oder ob ich etwas falsch mache. Ich habe versucht, TinyMCE zu aktualisieren, aber nicht funktioniert .. keine Ahnung?

Answer 1

Ich kann nicht scheinen .clone() zu arbeiten, nichts in der Debug-Konsole entweder. Meine Arbeitslösung ist jedoch wie folgt, vielleicht hilft das?

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 
    }); 
}​ 

Statt .clone() das Element ing, bin ich gerade ein neues textarea zu schaffen und es zu dem Behälter (mit der Anzahl aller Textfelder auf der Seite, wie es ID ist es einzigartig zu machen) anhängen, dann re- Aufruf des tinyMCE-Initialisierers.

Example jsFiddle

Answer 2

Stellen Sie sicher, dass Ihre Textfelder unterschiedliche IDs haben, sonst wird es keine zweite Editorinstanz geben! Dies ist beim Erstellen von tinymce-Editor-Instanzen von entscheidender Bedeutung.