Javascript 引导v4模式下的CKEditor问题

本文描述了在Bootstrap v3模式中使用CKEditor时的问题和错误修复

使用Bootstrap v4，函数名从enforceFocus更改为\u enforceFocus

不幸的是，我的js技能不足以将建议的BootstrapV3错误修复转换为BootstrapV4

感谢您的帮助：-）

这一个对我有用

$.fn.modal.Constructor.prototype._enforceFocus = function _enforceFocus() {
    var _this4 = this;
    $(document).off(Event.FOCUSIN).on(Event.FOCUSIN, function (event) {
        if (
            document !== event.target
            && _this4._element !== event.target
            && $(_this4._element).has(event.target).length === 0
            && !$(event.target.parentNode).hasClass('cke_dialog_ui_input_select')
            && !$(event.target.parentNode).hasClass('cke_dialog_ui_input_text')
        ) {
            _this4._element.focus();
        }
    });
};

---

我从Bootstrap v4中获取了原始函数\u enforceFocus，并添加了

$（event.target.parentNode）.hasClass（'cke\u dialog\u ui\u input\u select'）

和

$（event.target.parentNode）.hasClass（'cke_dialog_ui_input_text'）

到if语句。

另一个解决方案是在显示模式时传递选项

{focus:false}

。此选项在引导程序4中是新的（请参阅）。使用此选项将阻止引导调用\u enforceFocus

提示：我删除了“off（Event.FOCUSIN）”这一部分，因为这是一些按钮无法点击的结果。