Ajax加载后如何将tinymce绑定到textarea

Question

我有一个带有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                  

        },

    });

});

在动态重载的类为.comments-body的div中，存在一个带有tinymce textarea的表单。重新加载后，将显示文本区域，但不再显示tinymce功能。

重新加载div时如何将tinymce绑定到textarea？

Answer 1

[删除包含TinyMCE的原始<div>之前，您需要使用remove() API从页面上删除编辑器。然后，可以在新创建的<div>加载到DOM后重新初始化该编辑器。