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