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

【问题标题】：React-medium-editor not working in Material UI dialog boxReact-medium-editor 在 Material UI 对话框中不起作用
【发布时间】：2021-07-21 06:30:55
【问题描述】：

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

Codesandbox link

【问题讨论】：

标签： reactjs medium-editor

【解决方案1】：

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

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

警告：根据Material-UI's docsdisableEnforceFocus：

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

通常这不应该设置为true，因为它使模态辅助技术（如屏幕阅读器）的访问较少。

【讨论】：