ajax - 使用 tinymce (AJAX) 加载页面

Question

我在使用 jQuery 加载页面时没有问题，但是当我使用 textarea 加载页面时，应该不会显示 tinymce。

$.ajax({
type: "POST",
url: 'textarea.php',
data: {data: info},
async: false,
beforeSend: function() {
},
complete: function() {
},        
cache: false,
success:  function(result) {
  $('#form-area').html(result);
}
error: function(error) {
alert("Some problems have occured. Please try again later: " + error);
}

});

Answer 1

看起来您应该tinymce.init在将 ajax 请求中的 html 代码插入 dom 之后立即调用该函数。您也可以致电

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

您需要记住，如果您想使用 ajax 重新加载编辑器实例，您应该关闭 tinymce 编辑器实例。在这种情况下使用

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

Answer 2

当您使用 ajax 切换页面时，TinyMCE 似乎中断了。为了解决这个问题，我添加了以下代码以在再次初始化之前删除任何现有的 TinyMCE 实例

  if(window.tinymce){
    $(window.tinymce.editors).each(function(idx, p) {
    window.tinymce.remove(idx);
    });
  }

  tinyMCE.init({
        selector: "#risksummary",
        menubar: false,
        plugins : "table",
        toolbar: "table"
    });