将 React 中的 Monaco 编辑器设置为只读

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 或其他方法？

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}}还添加了工具提示。