Resetting Editor History in Kendo UI for Vue

Updated on Nov 18, 2025

Environment

Product	Kendo UI for Vue Editor
Version	7.0.0

Description

I want to reset the history of the Kendo UI for Vue Editor when its content changes dynamically. This ensures all undo/redo actions are cleared, and the Editor starts with a fresh history state.

This knowledge base article also answers the following questions:

• How do I clear the history in the Kendo UI for Vue Editor?
• How can I reset the Editor state in Kendo UI for Vue?
• How can I use EditorView and EditorState to manage the Editor history?

Solution

To reset the history of the Kendo UI for Vue Editor, follow these steps:

1. Access the EditorView through a template reference using editorRef.value.getView().
2. Create a new EditorState with the new document and existing plugins using EditorState.create().
3. Update the view state directly with view.updateState().
4. Trigger a toolbar update to reflect the new history state by calling editor.updateTools().

Below is an example implementation:

Change Theme

Theme

Loading ...

Notes

• The EditorState.create() method initializes each plugin, resetting their internal state, including the history plugin.
• The history plugin's state is tied to the EditorState, not the plugin instance, so creating a new state clears the history stack.

See Also

• Kendo UI for Vue Editor Overview
• ProseMirror State API
• Kendo UI for Vue Editor API Reference