Question

我正在使用boostrap 3和tinymce 4.我正在尝试将tinymce放入模态中并且它工作正常，但是当我在模态上使用data-dismiss然后再次重新打开时，tinymce不会在模态窗口中显示。代码如下：

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

我希望能够关闭模态并再次重新打开它仍然附加到#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实例将重新初始化没有问题。

TinyMCE没有处理bootstrap模态数据 - 解除然后重新打开

1 个答案: