开发者问题收集

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

2022-01-26
6864

具有以下代码片段:

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 或上述代码的其他方法?

1个回答

options 属性属于 IStandaloneEditorConstructionOptions 类型。您有 readOnlydomReadOnly 标志,参见 https://microsoft.github.io/monaco-editor/api/interfaces/monaco.editor.IStandaloneEditorConstructionOptions.html#readOnly

options={{domReadOnly: true}> 似乎使编辑器变为只读,而 options={{readOnly: true}> 还添加了工具提示。

jensgram
2022-01-26