将 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 标志，请参见。 https://microsoft.github.io/monaco-editor/api/interfaces/monaco.editor.IStandaloneEditorConstructionOptions.html#readOnly

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

将 React 中的 Monaco Editor 设置为只读

Set Monaco Editor in React to read-only

javascript

typescript

reactjs

monaco-editor