ckEditor 的弹出输入字段在与 bootstrap 5 modal (ckeditor 4) 一起使用时不起作用

Question

我在bootstrap 5模式中使用ckeditor时遇到了一个错误，看起来这是一个非常已知的错误，许多人已经为不同的bootstrap版本提供了解决方案，但我无法为bootstrap找到一个解决方案，请查看。

以下是解决方案的问题：https://stackoverflow.com/a/31679096

其他类似问题：-

CKEditor插件：文本字段不可编辑

CKEditor引导等同于问题

主要是什么将是bootstrap5.$的底线的替代方案。fn.modal.Constructor.prototype.enforceFocus

如果我在bootstrap4js文件中搜索它，我可以在那里找到fn.modal.Constructor，但在bootstrap 5中找不到。如果有人能根据bootstrap 5在上面的链接中重新创建经过验证的解决方案，我们将不胜感激。谢谢你抽出时间。

图像描述问题

还有一些注意事项：-

1. 所有其他输入类型，如复选框和下拉框，都可以工作，但不仅仅是文本字段。

2. 我还尝试删除tabindex="-1〃；来自引导程序模式代码，但问题仍然存在。

Answer 1

谢谢。省去了我很多头疼的事。从Bootstrap 5.3开始，这需要一个小的调整：

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

Answer 2

还不确定你是否找到了答案，但我在sweetalert2模态中也遇到过同样的问题。我搜索了bootstrap的源代码，发现你可以用这个来删除焦点：

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

自引导区5.1.3 起工作

Answer 3

Bootstrap不支持嵌套模式禁用强制聚焦将允许其他模式聚焦：<Modal enforceFocus={false}>