Monaco Editor: Manually trigger undo/redo from code

Question

I have a React application in which I'm trying to manually call undo/redo from code on an instance of a Monaco editor.

I want to do this so I can perform undo/redo when the editor is not in focus.

I've searched the API and did not find a way, how can I do this?

gazorp · Accepted Answer · 2022-07-28 11:21:54Z

6

You can call IEditor.trigger, and use undo or redo handlers.

Example, where editor implements IEditor:

// Undo
editor.trigger("myapp", "undo");

// Redo
editor.trigger("myapp", "redo");

Source: https://github.com/microsoft/monaco-editor/issues/451#issuecomment-305445971

answered Jul 28, 2022 at 11:21

gazorp

961 silver badge3 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Guy Michael Over a year ago

Thank you! Unfortunately, I don't have access to the project anymore so I can't check whether this works. I'll mark it as the answer because it seems pretty straightforward :)

Nikita Skrebets Over a year ago

For some reason it logs a console error: editorRef.current.trigger(...) is not a function. But then it does the action. Setting editorRef.current = editor in onMount. Maybe all this calls for a separate SO question, but I wouldn't say it bothers me that much.

Alexey Volkov · Accepted Answer · 2025-09-27 21:21:24Z

0

Also, you can use the editor's model. It has everything you need:

const model = editor.getModel();
model.canUndo();
model.canRedo();
model.undo();
model.redo();

answered Sep 27 at 21:21

Alexey Volkov

1,1027 silver badges5 bronze badges

Collectives™ on Stack Overflow

Monaco Editor: Manually trigger undo/redo from code

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related