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
Copy link
Copy Markdown

skilef commented Mar 29, 2015

Thank's !!!
Saved my day

@AdnaneX
Copy link
Copy Markdown

AdnaneX commented Dec 17, 2015

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