как привязать tinymce к textarea после загрузки ajax

Question

У меня есть форма с textarea tinymce. После отправки div, в котором находится форма, перезагружается следующим образом:

$('body').on('submit', '.comment_form', function (e) {          
    e.preventDefault();
    tinyMCE.triggerSave(); // save TinyMCE instances before sending data

    var comment_name = $(".comment_name").val();
    var comment = $(".comment").val();

    $.ajax({
        url: 'comment.php',
        type: 'POST',
        data: {    
                comment_name:comment_name,              
                comment:comment,                                
                },

        success: function(data){

            $('.result').html(data);
            $('.modal').modal('hide'); // close modal               
            $(".comments-body").load(" .comments-body > *"); // reload div comments-body from comments                  

        },

    });

});

В div с классом .comments-body, который динамически перезагружается, появляется форма с tinymce textarea. После этой перезагрузки появляется текстовая область, но больше не функционирует tinymce.

Как я могу повторно привязать tinymce к текстовой области при перезагрузке div?

Answer 1

Перед удалением оригинального <div>, содержащего TinyMCE, вам необходимо использовать API remove() для удаления редактора со страницы. После этого вы можете повторно запустить редактор на только что созданном <div> после его загрузки в DOM.