jquery 当使用bootstrap 5 modal(ckeditor 4)时,ckeditor的弹出输入字段不工作

vltsax25  于 2023-01-16  发布在  jQuery
关注(0)|答案(3)|浏览(180)

我遇到了一个错误,而使用ckeditor在 Bootstrap 5模态,它看起来像是一个非常已知的错误,许多人已经给出了不同的 Bootstrap 版本的解决方案,但我不能找出一个 Bootstrap 5,请看看。
以下是解决方案的问题:-https://stackoverflow.com/a/31679096
其他类似问题:
CKEditor Plugin: text fields not editable
CKEditor的 Bootstrap 存在问题
主要是 Bootstrap 5的下面一行的替代方案是什么。$.fn.modal.构造函数.prototype.enforceFocus
如果我在bootstrap 4 js文件中搜索它,我可以在那里找到fn.modal.Constructor,但在bootstrap 5中找不到。如果有人能根据bootstrap 5在上面的链接中重新创建经过验证的解决方案,我将不胜感激。谢谢你的时间。
image describing problem
还有几点注意事项:
1.所有其他输入类型,如复选框和下拉菜单的作品,但不仅仅是文本字段.
1.我也尝试过从引导模式代码中删除tabindex="-1”,但问题仍然存在。

n3ipq98p

n3ipq98p1#

不知道你是否找到了这个问题的答案,但是我在sweetalert2模式中遇到了同样的问题。我搜索了bootstrap的源代码,发现你可以用下面的代码来移除焦点:

$.fn.modal.Constructor.prototype._initializeFocusTrap = function () { return { activate: function () { }, deactivate: function () { } } };

自Bootstrap 5.1.3起运行

xqnpmsa8

xqnpmsa82#

Bootstrap不支持nesting modals禁用强制聚焦将允许其他模态获得焦点:<Modal enforceFocus={false}>

yhqotfr8

yhqotfr83#

谢谢这个。省了我很多挠头的事。截至Bootstrap 5. 3,这需要一个小调整:

bootstrap.Modal.prototype._initializeFocusTrap = function () { return { activate: function () { }, deactivate: function () { } } };

相关问题