Skip to content

Instantly share code, notes, and snippets.

@kaddopur
Created April 5, 2014 18:48
  • Star 3 You must be signed in to star a gist
  • Fork 1 You must be signed in to fork a gist
Star You must be signed in to star a gist
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

It will work for bootstrap 2.3.2 ?
Thank you!

@skilef
Copy link

skilef commented Mar 29, 2015

Thank's !!!
Saved my day

@AdnaneX
Copy link

AdnaneX commented Dec 17, 2015

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

@AlexPiuPiu
Copy link

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

@dangdinhtu2014
Copy link

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