javascript - 将 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;

和sandbox

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

Answer 1

options 属性是 IStandaloneEditorConstructionOptions 类型。你有 readOnly 和 domReadOnly 标志，cf。 https://microsoft.github.io/monaco-editor/api/interfaces/monaco.editor.IStandaloneEditorConstructionOptions.html#readOnly

options={{domReadOnly: true}} 似乎使编辑器只读，而 options={{readOnly: true}} 还添加了一个工具提示。