react-monaco-editor

property editor

editor: monacoEditor.editor.IStandaloneDiffEditor;

property editorDidMount

editorDidMount?: DiffEditorDidMount;

• An event emitted when the editor has been mounted (similar to componentDidMount of React).

property editorWillMount

editorWillMount?: DiffEditorWillMount;

• An event emitted before the editor mounted (similar to componentWillMount of React).

property editorWillUnmount

editorWillUnmount?: DiffEditorWillUnmount;

• An event emitted before the editor unmount (similar to componentWillUnmount of React).

property modifiedUri

modifiedUri?: (monaco: typeof monacoEditor) => monacoEditor.Uri;

• Let the language be inferred from the uri

property onChange

onChange?: DiffChangeHandler;

• An event emitted when the content of the current model has changed.

property options

options?: monacoEditor.editor.IDiffEditorConstructionOptions;

• Refer to Monaco interface {monaco.editor.IDiffEditorConstructionOptions}.

property original

original?: string;

• The original value to compare against.

property originalUri

originalUri?: (monaco: typeof monacoEditor) => monacoEditor.Uri;

• Let the language be inferred from the uri

property overrideServices

overrideServices?: monacoEditor.editor.IEditorOverrideServices;

• Refer to Monaco interface {monaco.editor.IEditorOverrideServices}.

property value

value?: string;

• Value of the auto created model in the editor. If you specify value property, the component behaves in controlled mode. Otherwise, it behaves in uncontrolled mode.

property className

className?: string | null;

• Optional string classname to append to the editor.

property defaultValue

defaultValue?: string;

• The initial value of the auto created model in the editor.

property height

height?: string | number;

• Height of editor. Defaults to 100%.

property language

language?: string;

• The initial language of the auto created model in the editor. Defaults to 'javascript'.

property theme

theme?: Theme | (string & NonNullable<unknown>) | null;

• Theme to be used for rendering. The current out-of-the-box available themes are: 'vs' (default), 'vs-dark', 'hc-black'. You can create custom themes via monaco.editor.defineTheme.

property width

width?: string | number;

• Width of editor. Defaults to 100%.

property editor

editor: monacoEditor.editor.IStandaloneCodeEditor;

property editorDidMount

editorDidMount?: EditorDidMount;

• An event emitted when the editor has been mounted (similar to componentDidMount of React).

property editorWillMount

editorWillMount?: EditorWillMount;

• An event emitted before the editor mounted (similar to componentWillMount of React).

property editorWillUnmount

editorWillUnmount?: EditorWillUnmount;

• An event emitted before the editor unmount (similar to componentWillUnmount of React).

property onChange

onChange?: ChangeHandler;

• An event emitted when the content of the current model has changed.

property options

options?: monacoEditor.editor.IStandaloneEditorConstructionOptions;

• Refer to Monaco interface {monaco.editor.IStandaloneEditorConstructionOptions}.

property overrideServices

overrideServices?: monacoEditor.editor.IEditorOverrideServices;

• Refer to Monaco interface {monaco.editor.IEditorOverrideServices}.

property uri

uri?: (monaco: typeof monacoEditor) => monacoEditor.Uri;

• Let the language be inferred from the uri

property value

value?: string | null;

• Value of the auto created model in the editor. If you specify null or undefined for this property, the component behaves in uncontrolled mode. Otherwise, it behaves in controlled mode.