Ckeditor 模态编辑

我在modal上有一个CkEditor 4.x。。我尝试了modal jQueryUI和Bootstrap modal

当我在模态中显示Ckeditor并且使用它的插件时，插件的字段没有焦点，我不能用click来设置它。 . 如果我在body中初始化CkEditor，那么一切都可以。但如果在模态上，则会失去焦点

我将standart init用于CkEditor

self.ckwys = CKEDITOR.replace('wysivgBlock', {
   height: 300
});

})

这个代码解决了我的问题

})

这段代码解决了我的问题。

这是jqueryUI的代码

  var orig_allowInteraction = $.ui.dialog.prototype._allowInteraction;
                $.ui.dialog.prototype._allowInteraction = function (event) {
                    if ($(event.target).closest('.cke_dialog').length) {
                        return true;
                    }
                    return orig_allowInteraction.apply(this, arguments);
                };

我在这里找到了解决方案，这是给jqueryUI的

  var orig_allowInteraction = $.ui.dialog.prototype._allowInteraction;
                $.ui.dialog.prototype._allowInteraction = function (event) {
                    if ($(event.target).closest('.cke_dialog').length) {
                        return true;
                    }
                    return orig_allowInteraction.apply(this, arguments);
                };

---

我在这里找到了解决方案

因为您使用的是引导模式，所以您可以尝试从

模式淡入中删除
tabindex=“-1”
找到此解决方案。
因为您使用的是引导模式，所以可以尝试从
模式淡入淡出中删除
tabindex=“-1”
。

找到此解决方案。
您是否尝试过
CKEDITOR.instances.ckwys.focus（）否。。。问题只出现在ckeditor的插件中。焦点设置在文本区域。如果我打开插件搜索（exmpl）。字段搜索没有焦点。。。如果我点击搜索字段。重点仍然放在文本区域。///我不明白问题出在哪里。你能在JSFIDLE中显示它吗？好的。。我创建了小提琴，我把它放到了弹出框中。。如果您打开此弹出窗口并单击“插件”按钮，并且此字段未处于活动状态。！！！看起来focus可以在firefox上使用，但不能在Chrome上使用……您是否尝试过
CKEDITOR.instances.ckwys.focus（）否。。。问题只出现在ckeditor的插件中。焦点设置在文本区域。如果我打开插件搜索（exmpl）。字段搜索没有焦点。。。如果我点击搜索字段。重点仍然放在文本区域。///我不明白问题出在哪里。你能在JSFIDLE中显示它吗？好的。。我创建了小提琴，我把它放到了弹出框中。。如果您打开此弹出窗口并单击“插件”按钮，并且此字段未处于活动状态。！！！看起来focus可以在firefox上使用，但不能在Chrome上使用。。。