存在多个 AJAX 刷新和 TinyMCE 问题

所以我就陷入了这样的困境。

<SCRIPT src="../js/tiny_mce/tiny_mce.js"></script>
<SCRIPT type="text/javascript">
   tinyMCE.init({
        mode : "textareas",
        theme : "simple"
   });
</SCRIPT>
<SCRIPT src="../js/admin.js"></script>

上面是在我的PHP页面上调用的。

然后我打电话

var request = $.ajax(
{
   url:"getEvents.php",
   type:"POST",
   data:{'method':'showevents'},
   dataType:"html"
   }).done(function(msg){
        $('#eventlistbody').html(msg);
   }); 

   setTimeout(
        function(){
            $(".mceSimple").each(function(){
              tinyMCE.execCommand("mceAddControl",false, this.id);
           })
   },2000); 

这会加载一堆文本区域...... tinyMCE 将在第一次返回时加载到所有文本区域。当我单击重新加载时，再次运行上面的内容并返回文本区域，它们不再附加tinyMCE。 我不知道为什么它第一次有效，但随后却不起作用。

您应该在重新加载之前正确关闭tinymce，以便能够在重新加载后重新初始化tinymce编辑器。这是必要的，因为tinymce不喜欢在dom上被拖着走。并且初始化的编辑器实例可能有一个唯一的 id（使用重新加载将强制tinymce尝试使用相同的 id 初始化第二个编辑器 - 这将失败）。

小小3：要关闭编辑器实例，请使用：

tinymce.execCommand('mceRemoveControl',true, editor_id);

重新初始化使用

tinymce.execCommand('mceAddControl',true, editor_id);

小小4：要关闭编辑器实例，请使用：

tinymce.execCommand('mceRemoveEditor',true,editor_id);

重新初始化使用

tinymce.execCommand('mceAddEditor',true,editor_id);