Как добавить tinymce 4.x динамически в textarea?

Question

У меня есть небольшая проблема с динамическим добавлением tinymce в textarea после init.

tinymce.init({ 
    selector: "textarea", 
    theme: "modern", 
    height: 100, 
    plugins: [ 
     "advlist autolink image lists charmap print preview hr anchor pagebreak spellchecker", 
     "link searchreplace wordcount visualblocks visualchars code fullscreen insertdatetime media nonbreaking", 
     "save table contextmenu directionality emoticons template paste textcolor" 
    ], 
    toolbar: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | l  ink image | print preview media fullpage | forecolor backcolor emoticons", 
    style_formats: [ 
     {title: 'Bold text', inline: 'b'}, 
     {title: 'Red text', inline: 'span', styles: {color: '#ff0000'}}, 
     {title: 'Red header', block: 'h1', styles: {color: '#ff0000'}}, 
     {title: 'Example 1', inline: 'span', classes: 'example1'}, 
     {title: 'Example 2', inline: 'span', classes: 'example2'}, 
     {title: 'Table styles'}, 
     {title: 'Table row 1', selector: 'tr', classes: 'tablerow1'} 
    ] 
}); 

И моя кнопка, чтобы добавить новую текстовую:

$('#add_new_text').click(function(){ 
var n = 1; 
$('<textarea class="cla" name="text'+n+'"></textarea>').appendTo('#wrap_f'); 
n++; 
    }) 

Я пытался сделать это tinyMCE.execCommand('mceAddControl', false, ''); Но это не сработало.

Answer 1

Вы пробовали позвонить tinymce.init после функции appendTo?

Функции jQuery работают синхронно, по одному за раз. Это означает, что ваша функция init будет работать после завершения appentTo, и это означает, что для этого вам не нужен обратный вызов.

Просто написать tinymce.init Funtion после appendTo и вернуться сюда, чтобы сообщить результат :)