React Mathquill 命令以设为只读

Question

我使用 React for MathQuill 创建了许多 MathQuill 字段。在输入 fieldA 并转到 fieldB 后，我希望 fieldA 在 fieldB 中的 .onFocus() 上变为只读。

我使用 React MathQuill 作为我的参考。我猜测可能有一种方法可以使用 .config() 方法使 fieldA 只读或将其转换为静态 MathQuill 元素。但我一直无法弄清楚如何。任何帮助将不胜感激。谢谢。

Answer 1

MathQuill 没有使 MathField 变为只读的官方方法，但您可以通过使用 disabled 属性禁用底层 HTML 文本区域来实现。

参见以下示例： https://codesandbox.io/s/angry-wing-bk1yj

Answer 2

substituteTextarea

字段对我有用：

<EditableMathField
    config={{
        substituteTextarea: () => {
            const textarea = document.createElement('textarea')
            textarea.disabled = disabled
            return textarea
        },
    }}
/>