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

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