Hover context menu
Right-clicking any element on the canvas opens a context menu with actions for the element under the cursor. The menu adapts to the element type — the options available for an image differ from those available for a text element or an anchor tag.
Opening the context menu
Right-click anywhere on the canvas. The menu opens at your cursor position and shows actions relevant to:
- The element directly under the cursor (if not yet selected), or
- The currently selected element (if you right-click within the selection).
You do not need to select an element first — right-clicking unselected elements still produces a context menu with the full set of options.
Common menu options
These options appear for most element types:
| Option | What it does |
|---|---|
| Edit text | Enters inline text editing mode (same as double-clicking a text element). |
| Duplicate | Creates an identical copy immediately after the element in the DOM. Keyboard: ⌘D . |
| Wrap in container | Wraps the element in a new <div> without changing its position in the layout. |
| Unwrap | Removes the element’s parent wrapper and promotes its children up one level. |
| Delete | Removes the element and all its children. Keyboard: Del or Backspace . |
| Copy styles | Copies all inline styles from the element to the clipboard. |
| Paste styles | Applies previously copied styles to the selected element. |
| Select parent | Moves selection to the direct parent element. |
| Select children | Opens a sub-menu listing all direct children for selection. |
Element-specific options
Anchor elements (<a>)
When you right-click a link, the context menu includes Edit link, which opens the link editor panel. From there you can change:
- The destination URL (internal page, external URL, or anchor).
- The
targetattribute (_blankto open in a new tab). - The
relattribute (e.g.,noopener noreferrerfor external links).
Images (<img>)
Right-clicking an image adds:
- Replace image — opens the asset picker to swap the image source.
- Edit alt text — opens an inline field to update the
altattribute. - Copy image URL — copies the
srcvalue to the clipboard.
Any element — View HTML
All elements include a View HTML option at the bottom of the context menu. This opens a read-only panel showing the raw HTML markup for the selected element and its children. Use it to verify the generated code without switching to a code editor.
Keyboard shortcut alternatives
Most context menu actions have keyboard equivalents. If you find yourself using the same action repeatedly, the shortcuts are faster:
| Context menu action | Keyboard shortcut |
|---|---|
| Duplicate | ⌘D |
| Delete | Del / Backspace |
| Cut | ⌘X |
| Copy | ⌘C |
| Paste | ⌘V |
| Undo | ⌘Z |
| Select parent | Esc (one press) |
| Deselect | Esc (from parent level) |
