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

看起来你应该在ajax请求的html代码插入dom后立即调用tinymce.init函数。你也可以打电话

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"
    });

加载页面与tinymce（AJAX）

2 个答案: