1. 程式人生 > >解決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()
        }
    })

參考此網址