Añadir tinymce a la nueva área de texto de forma dinámica

Question

¿Cómo puedo hacer esto

function addTinyText(id, text){ 
//add textarea to DOM 
$('<textarea id="txt'+id+'"></textarea>').append(text).appendTo('body'); 
//init tineMCE 
tinyMCE.init({ 
     theme : "advanced", 
     plugins : "emotions,spellchecker" 
}); 
//add tinymce to this 
tinyMCE.execCommand("mceAddControl", false, 'txt'+id); 
} 

pero como resultado cada vez que tenemos una nueva área de texto + TinyMCE, pero no hay texto en el interior

¿Qué tengo mal?

Answer 1

línea

$('<textarea id="txt'+id+'"></textarea>').append(text).appendTo('body'); 

debe haber línea de

$('<textarea id="txt'+id+'"></textarea>').text(text).appendTo('body'); 

Answer 2

me han buscado desde hace mucho tiempo para encontrar una respuesta a un problema similar.

Mi contenido no se publicó aunque usted podría conseguir que aparezca el editor.

lo tengo trabajando de esta manera:

jQuery('.wysiwyg').tinymce({ 
     // Location of TinyMCE script 
     script_url : 'path/tinymce/tiny_mce.js', 

     // General options 
     theme : "advanced", 
    ......... 
    ......... 
    ......... etc 

que utiliza el código jQuery estándar para iniciar todas las áreas de texto con el nombre de clase WYSIWYG TinyMCE como objetos.

Después de llamada AJAX completa y nueva área de texto se carga corro esta función:

jQuery(".wysiwyg").each(function(){ 
    tinyMCE.execCommand("mceAddControl",false, this.id); 
}); 

Ahora mi código es finalmente sean anotados correctamente.