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(); 

}）;

一旦你这样做，当你重新打开模式，锡蒂姆实例将重新初始化没有问题。