Skip to content

Instantly share code, notes, and snippets.

@kaddopur
Created April 5, 2014 18:48
Show Gist options
  • Select an option

  • Save kaddopur/9996231 to your computer and use it in GitHub Desktop.

Select an option

Save kaddopur/9996231 to your computer and use it in GitHub Desktop.
// bootstrap-ckeditor-modal-fix.js
// hack to fix ckeditor/bootstrap compatiability bug when ckeditor appears in a bootstrap modal dialog
//
// Include this AFTER both bootstrap and ckeditor are loaded.
// From: http://stackoverflow.com/questions/14420300/bootstrap-with-ckeditor-equals-problems
// Author: http://stackoverflow.com/users/185839/aaron
$.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()
}
})
};
@ericsala

Copy link
Copy Markdown

It will work for bootstrap 2.3.2 ?
Thank you!

@skilef

skilef commented Mar 29, 2015

Copy link
Copy Markdown

Thank's !!!
Saved my day

@adnanex

adnanex commented Dec 17, 2015

Copy link
Copy Markdown

sir how can i use for modal semantic ui http://semantic-ui.com/modules/modal.html

@AlexPiuPiu

Copy link
Copy Markdown

thank you so much!!!
Bootstrap v3.3.4 use: modal_this.$element.blur(), it works well in IE11

@dangdinhtu2014

Copy link
Copy Markdown

It not work with textarea as plugin code for ckeditor

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment