reactjs - React-medium-editor 在 Material UI 对话框中不起作用

Question

我正在尝试在从 Material-UI 中选择的对话框中实现富文本。为此，我使用了一个包 react-medium-editor。如果我将它放在对话框中，它不会将文本转换为富文本，而是在对话框之外。可能是什么问题这是我为演示而制作的示例项目。

代码沙盒链接

Answer 1

您可以通过将 prop: 设置为 来使 react-medium-editor 与 Material-UI 的 DialogdisableEnforceFocus一起使用true。

<Dialog 
    disableEnforceFocus 
    open={open} 
    onClose={() => handleClose()
    {...otherDialogProps}
 >
     // Dialog Content
</Dialog>

警告：根据Material-UI 的文档disableEnforceFocus：

如果true，模态将不会阻止焦点在打开时离开模态。

通常，永远不应将其设置为，true因为它会使辅助技术（例如屏幕阅读器）无法访问模态。