TinyMCE不適用於boostrap模式數據關閉，然後重新打開

Question

我使用的是boostrap 3和tinymce 4.我試圖把tinymce放在一個模式，它工作正常，但是當我使用數據關閉模式，然後再次打開它，tinymce不會顯示在模式窗口中。代碼如下：

爲TinyMCE的

tinymce.init({ 
    selector: "#tinytext", 
    plugins: "image code autolink link charmap insertdatetime table media textcolor emoticons", 
    browser_spellcheck: true, 
    //image_dimensions: false, 

    toolbar: ["undo redo | styleselect | bold italic underline | alignleft aligncenter alignright alignjustify ", 
     " bullist numlist outdent indent | link image | forecolor backcolor | emoticons"] 
}); 

模態取消

$('#Modal').on('hidden.bs.modal', function() { 

    $(this).removeData("bs.modal").find(".modal-content").empty(); 
}); 

我希望能夠關閉模態的TinyMCE的重新打開它仍然附着於#tinytext

Answer 1

我想通了。在嘗試重新加載之前，必須先刪除模式中的tinymce實例。在我調用'hidden.bs.modal'時我的模式中，我需要關閉在關閉模式中使用的任何tinymce實例。

代碼： $（ '＃模態'）上（ 'hidden.bs.modal'，函數（）{

tinymce.remove("#tinytext); 
$(this).removeData("bs.modal").find(".modal-content").empty(); 

}）;

一旦你這樣做，當你重新打開模式，錫蒂姆實例將重新初始化沒有問題。