在React中将Monaco Editor设置为只读。

Question

以下是代码片段:

import React from "react";

import Editor from "@monaco-editor/react";

function App() {
  return (
    <Editor
      height="90vh"
      defaultLanguage="javascript"
      defaultValue="// some comment"
    />
  );
}

export default App;

还有沙盒

是否可以将其设置为只读？我找到了一些示例，但它们不适用于此类型的编辑器，是否可能将只读设置为true或其他方法来实现上述代码？

- Leo Messi

Answer 1

options属性的类型是IStandaloneEditorConstructionOptions。其中包含readOnly和domReadOnly标志，参见https://microsoft.github.io/monaco-editor/api/interfaces/monaco.editor.IStandaloneEditorConstructionOptions.html#readOnly。

设置options={{domReadOnly: true}}会使编辑器只读，而options={{readOnly: true}}还会添加工具提示。

- jensgram