React-Medium-Editor在Material UI对话框中不起作用

问题描述

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

Codesandbox link

解决方法

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

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

警告：根据 disableEnforceFocus 上的 Material-UI's docs：

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

通常不应将其设置为 true，因为它会使模态 屏幕阅读器等辅助技术的可访问性较低。