显示TinyMCE编辑器到textareas后jquery .load onclick

Question

我想添加一个TinyMCE所见即所得的编辑器到我的textareas。

我有一个td表，用户可以点击.load与输入字段，标签，文本域等形式

我td看起来是这样的：

<a href="#" id="display_info" onclick="displayFacilityInformation(61)">Something</a> 

displayFacilityInformation()看起来是这样的：

function displayFacilityInformation (facID){ 
    $("#facility_details").load("facilitydetails.php?q="+facID); 
    $('#facility_details_wrapper').show(); 
    $("#newaccount_form, #newuser_form, #newfacility_form, #accounts, #facilities, #new_section_form").hide(); //hide other divs 

    //tinymce.EditorManager.execCommand('mceAddEditor',true, general_facility_info); //gave me console error "general_facility_info is undefined") 

    //tinyMCE.execCommand('mceAddEditor', true, 'general_facility_info'); 

    //tinymce.init({ 
     //selector: "textarea" 
    //}); 

    //tinyMCE.execCommand('mceAddEditor', true, 'body'); 
}; 

我试过的各种东西都被注释掉了。 （general_facility_info是其中一个textareas的ID）

facilitydetails.php将HTML表单输出到div id="facility_details"，其中有我希望成为tinyMCE编辑器的textarea。

我的控制台没有抛出任何错误，我能够创建其他（隐藏）形式的tinymce编辑器的其他textareas。

它与添加与Jquery .load元素有关吗？

如何制作新添加的textarea的tinyMCE编辑器？

Answer 1

您正在异步加载此数据。您需要运行init方法作为load函数运行完成时的回调函数，否则它将在textareas可能已加载并且没有任何反应发生之前运行。

见我链接的文档到，其中该第三可选参数是：

完整 类型：Function（字符串responseText的，字符串textStatus，jqXHR jqXHR） 请求完成时执行的回调函数。

所以你的方法应该看起来更像是：

function displayFacilityInformation (facID){ 
    $("#facility_details").load("facilitydetails.php?q="+facID, function() { 
     $('#facility_details_wrapper').show(); 
     $("#newaccount_form, #newuser_form, #newfacility_form, #accounts, #facilities, #new_section_form").hide(); //hide other divs 

     tinymce.init({ 
      selector: "textarea" 
     }); 
    }); 
};