如何修复Bootstrap 3 Modal+CKEditor 4.4空对话框

How to fix Bootstrap 3 Modal + CKEditor 4.4 empty dialogs

本文关键字:对话框 Modal+CKEditor 何修复 Bootstrap      更新时间:2023-09-26

我正在使用

Twitter Bootstrap v3.0.2和CKEditor v4.3.2

重现问题:

创建带有CKEditor的Modal,多次点击选择(选择字体系列等选项)

结果:

字体和大小等对话框变为空

自从$('*').unbind()工作以来,我一直在寻求解决这个问题,但我不想释放其他绑定事件

我发现$('.ui-widget').unbind()有效,所以我创建了一个名为的文件

bootstrap.js 后加载的bootstrap-ckeditor-fix.js

在里面,我否决了名为enforceFocus的事件(点击选择时触发)

$.fn.modal.Constructor.prototype.enforceFocus = function() {
    $('.ui-widget').unbind();
};

V'oila!

现在,第一次点击select将事件从主模态中解除绑定,它就工作了!