javascript - tiny_mce textarea 在调用 ajax 将 html 内容加载到 div 后不起作用

Question

我在 CodeIgniter 中使用 tiny_mce。正常的 html textarea 工作正常。但是当我通过 ajax 函数调用以向我的 div 显示 html textarea 内容时，它没有显示 tiny_mce 控件。我认为这是重新初始化javascript的问题吗？

Answer 1

我不会将其称为“重新初始化 javascript”，但我认为您遇到了基本问题。调用tinymce.init({selector: "textarea, .some-other-selector"})适用于执行此调用时存在的页面的所有元素。您很可能已将其放在 document.ready() 块中。

当您通过 AJAX 调用添加文本区域时，您需要再次进行此调用。进行此调用的最合适的位置是在.done()您的 ajax 调用的回调中。例如：

$.ajax(
    //your call parameters here
).done(function(data){
    //Assuming you want to insert the returned data into a div with class parent-div
    $("div.parent-div").html(data);
    tinymce.init({
        selector: ".parent-div textarea" //Assuming this is the element you want
    });
});