jquery – TinyMCE 4链接插件模式不可编辑

我在Boostrap模式对话框中使用tinyMCE4编辑器.当我点击链接图标时,它会打开一个新的模态对话框,它显示正常,但输入区域不可编辑.

<div id="editing" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <form>
    <label>
      <span>Description</span>
      <div id="description"></div>
    </label>
     <form>
 </div>

  <script>
    tinymce.init({
    selector: 'div#description',inline: false,theme : "modern",schema: "html5",add_unload_trigger: false,statusbar: false,plugins: "link",toolbar: "link | undo redo",menubar: false
 });
    </script>

有什么建议么

提前致谢

解决方法

从 https://github.com/tinymce/tinymce/issues/782起

对于jQuery UI对话框,您可以这样做：

$.widget("ui.dialog",$.ui.dialog,{
    _allowInteraction: function(event) {
        return !!$(event.target).closest(".mce-container").length || this._super( event );
    }
});

这似乎是一个更通用的解决方案,您可以为Bootstrap修改：

$(document).on('focusin',function(e) {
    if ($(e.target).closest(".mce-window").length) {
        e.stopImmediatePropagation();
    }
});

原文地址：https://www.jb51.cc/jquery/181592.html