解決ckeditor在bootstrap中modal中彈框無法輸入問題
阿新 • • 發佈:2019-01-30
當在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() } })
參考此網址