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中，该div是动态重新加载的，其中有一个表单带有tinymce textarea。重新加载后，将显示文本区域，但不再显示tinymce功能。

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

Answer 1

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

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

1 个答案: