我有一个带有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?
[删除包含TinyMCE的原始<div>
之前,您需要使用remove()
API从页面上删除编辑器。然后,可以在新创建的<div>
加载到DOM后重新初始化该编辑器。