javascript - TinyMCE 无法处理引导模式数据关闭然后重新打开

Question

我正在使用boostrap 3和tinymce 4。我试图将tinymce放入模态中并且它工作正常，但是当我在模态上使用data-dismiss然后再次重新打开它时，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实例。

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

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

});

完成此操作后，当您重新打开模式时，tinymce 实例将毫无问题地重新初始化。