Question

我添加了一个插件here，使用CKEditor在我的网站上包含代码段。有了这个，我发现人们对CKEditor对话框和Bootstrap的模态窗口有问题。打开的任何对话框都没有被关注，也无法输入文本。

找到了解决方案here。这解决了我的问题与其他对话框，但不是用这个预标记插件打开的那个。有没有人有任何建议让代码片段在CKEditor和Bootstrap中正常工作？

$.fn.modal.Constructor.prototype.enforceFocus = function() {
  modal_this = this
  $(document).on('focusin.modal', function (e) {
    if (modal_this.$element[0] !== e.target && !modal_this.$element.has(e.target).length 
    && !$(e.target.parentNode).hasClass('cke_dialog_ui_input_select') 
    && !$(e.target.parentNode).hasClass('cke_dialog_ui_input_text')) {
      modal_this.$element.focus()
    }
  })
};

Answer 1

解决方案是添加条件

&& !$(e.target.parentNode).hasClass('cke_dialog_ui_input_textarea')

现在它有效！希望这可以帮助任何人解决同样的问题。

Bootstrap模式窗口顶部的CKEditor对话框问题

1 个答案: