This sample demonstrates the events that trigger on every action of the Block Editor. The event details are showcased in the event trace panel.
|
|
|
|
The Block Editor triggers events based on its actions. These events can be used as extension points to perform custom operations. created - Triggers after the Block Editor is rendered completely. contentChanged - Triggers when the content of the block editor is changed. selectionChanged - Triggers when the selection in the block editor changes. blockAdded - Triggers when a new block is added to the editor. blockRemoved - Triggers when a block is removed from the editor. blockMoved - Triggers when a block is moved within the editor. blockDrag - Triggers during the dragging operation of a block. blockDragStart - Triggers when the drag operation for a block starts. blockDrop - Triggers when a block is dropped after a drag operation. focus - Triggers when the block editor gains focus. blur - Triggers when the block editor loses focus. beforePaste - Triggers before pasting the content in the block editor. afterPaste - Triggers after pasting the content in the block editor. undoRedoPerformed - Triggers when the undo/redo actions are performed in the block editor.