[@monaco-editor/react] formatDocument is not working

See original GitHub issue

I am trying to format the json text present in the Editor using editorDidMount method, but its not working when readOnly option is set as true.

I am using @monaco-editor/react": “^3.2.1”

PFA the code snippet. Any work around or suggestions will be helpful

  const editorDidMount = (_valueGetter: any, editor: any) => {
    if (editor) {
      setTimeout(function() {
        editor.getAction('editor.action.formatDocument').run();
      }, 300);
    }
  };
  
   <Editor
            language={props.language}
            value={props.data.payload || ''}
            height={'300px'}
            options={{
              readOnly: true,
              autoIndent: 'full',
              automaticLayout: true,
              minimap: {
                enabled: false,
              },
              wordWrap: 'on',
              formatOnPaste: true,
              formatOnType: true,
            }}
            editorDidMount={editorDidMount}
          />

Issue Analytics

State:
Created a year ago
Comments:5 (2 by maintainers)

Top GitHub Comments

1reaction

chandrashekhar-patilcommented, Dec 21, 2022

Hi @rainy789, Thanks for the code snippet. It works!

0reactions

rainy789commented, Dec 21, 2022

The following workaround works.

  const handleEditorMount = (editor) => {
    setTimeout(function () {
      editor
        .getAction('editor.action.formatDocument')
        .run()
        .then(() => editor.updateOptions({ readOnly: true }));
    }, 500);
  };