这篇文章主要为大家展示了“ckeditor在bootstrap modal中弹框无法输入怎么办”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“ckeditor在bootstrap modal中弹框无法输入怎么办”这篇文章吧。
当在bootstrap的modal中使用ckeditor时,使用ckeditor中带弹框的功能时无法输入问题。
解决方法:在jquery和bootstrap加载之后引入fix的js,js内容:
var $modalElement = this.$element;
$(document).on('focusin.modal', function (e) {
var $parent = $(e.target.parentNode);
if ($modalElement[0] !== e.target && !$modalElement.has(e.target).length
// add whatever conditions you need here:
&&
!$parent.hasClass('cke_dialog_ui_input_select') && !$parent.hasClass('cke_dialog_ui_input_text')) {
$modalElement.focus()
}
})
以上是“ckeditor在bootstrap modal中弹框无法输入怎么办”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注编程网行业资讯频道!