嵌套 TinyMCE 模态输入控件未获得焦点

Answer 1

假设您正在使用react-bootstrap库，那么您需要将

enforceFocus

属性设置为

false

（而不是

autoFocus

）。请参阅https://react-bootstrap.github.io/components/modal/#modal-props

需要这样做的原因是引导程序将尝试确保焦点永远不会离开模式对话框以实现可访问性。这通常很好，但在这种情况下，它与 TinyMCE 冲突，TinyMCE 本身需要打开新的模式对话框并将内容集中在其中（正如您已经提到的那样）。

Answer 2

我在使用 mui 材料对话框时也遇到了同样的问题。 我找到了在对话框中添加此关键字的解决方案

disableEnforceFocus, disableRestoreFocus

示例解决方案：

   <Dialog
  fullScreen
  open={open}
  TransitionComponent={Transition}
  disableEnforceFocus
  disableRestoreFocus
>