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