TinyMCE table 不 working/loading 在 material-ui 模态上正确

TinyMCE table not working/loading correctly on material-ui Modal

我使用的是当前最新版本的 TinyMCE,我正在与 table 插件作斗争。在我的项目中,我在两个实例中导入了编辑器,一个在专门用于编辑器的单独页面上,另一个在 material-ui 模态上显示,以进行一些小的更改在文档上。

发生的事情是 table 插件似乎没有正确加载,因为我可以添加我想要的任何列和行,但它们似乎被禁用只能添加 1x1 table . Table grid

还有...这是我最担心的问题。当我关注 table 时,table 属性是否不显示实际属性 window/popup。

TableProps on focus

如果我决定通过右键单击 table 来访问这些属性,尽管属性 windows 出现了,但我无法更改那里的任何内容,所有属性似乎都被禁用了。

Properties disabled

如果有人有解决这个问题的方法,那真的会有很大帮助!

提前致谢!

Material UI 默认情况下会阻止焦点离开模态对话框,如此处所述:https://mui.com/components/modal/#focus-trap。这会阻止您与 TinyMCE 创建的任何弹出窗口进行交互。因此,要解决此问题,您应该能够通过添加 disableEnforceFocusdisableEnforceFocus={true} 来防止焦点陷阱行为,如 Material UI 文档中所述。