代码之家  ›  专栏  ›  技术社区  ›  Leo Messi

将编辑器设置为只读

  •  0
  • Leo Messi  · 技术社区  · 3 年前

    具有以下代码段:

    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

    是否可以将其设置为只读?我发现了一些示例,但它们不适用于这种类型的编辑器,是否可以将上述代码的read-only设置为true或其他方法?

    1 回复  |  直到 3 年前
        1
  •  1
  •   jensgram    3 年前

    这个 options 道具是一种 IStandaloneEditorConstructionOptions .给你 readOnly domReadOnly 旗帜,比照。 https://microsoft.github.io/monaco-editor/api/interfaces/monaco.editor.IStandaloneEditorConstructionOptions.html#readOnly

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