Skip to content

Commit 3d30ea0

Browse files
committed
feat: add more options dropdown and undo redo docs
1 parent 61545e6 commit 3d30ea0

File tree

1 file changed

+33
-2
lines changed

1 file changed

+33
-2
lines changed

docs/07-Pro Features/01-live-preview-edit.md

Lines changed: 33 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -71,11 +71,11 @@ The Tool Box displays different options depending on the selected element type.
7171
- **Duplicate** *(copy icon)*: Copies the selected element and places it below.
7272
*This option is available for all elements.*
7373

74-
- **Delete** *(trash icon)*: Deletes the selected element.
74+
- **Delete** *(trash icon)*: Deletes the selected element. You can also delete elements using the `Delete` key.
7575
*This option is available for all elements.*
7676

7777
- **More Options** *(three-dots icon)*: Opens a menu with additional actions such as `Cut`, `Copy`, `Paste`, and `Show Measurements`.
78-
*This option is available for all elements.* See the **Tool Box More Options** section for more details.
78+
*This option is available for all elements.*
7979

8080
> The Tool Box is never shown for non-editable elements that are dynamically created by JavaScript.
8181
@@ -218,3 +218,34 @@ You can also change this setting by updating the `livePreviewShowMeasurements` p
218218

219219
---
220220

221+
## Cut, Copy, and Paste
222+
223+
You can cut, copy, and paste elements in Edit Mode using standard keyboard shortcuts or the Tool Box **More Options** menu *(three-dots icon)*.
224+
225+
### Using Keyboard Shortcuts
226+
227+
When you click an element in the Live Preview, keyboard focus moves to the Live Preview. You can then use:
228+
- **Ctrl/Cmd + X** — Cut the selected element
229+
- **Ctrl/Cmd + C** — Copy the selected element
230+
- **Ctrl/Cmd + V** — Paste the copied or cut element below the currently selected element
231+
232+
### Using the More Options Menu
233+
<!-- TODO: add image showing the More Options menu -->
234+
235+
Click the **More Options** button *(three-dots icon)* in the Tool Box and select **Cut**, **Copy**, or **Paste** from the dropdown menu.
236+
237+
> Keyboard shortcuts apply to elements only when focus is in the Live Preview. When editing source code, the shortcuts affect the code instead.
238+
239+
---
240+
241+
## Undo and Redo
242+
243+
You can undo and redo changes made in Edit Mode using keyboard shortcuts:
244+
245+
- **Ctrl/Cmd + Z** — Undo the last change
246+
- **Ctrl/Cmd + Y** or **Ctrl/Cmd + Shift + Z** — Redo the last undone change
247+
248+
These shortcuts work for all Edit Mode operations, including text edits, element moves, deletions, and other modifications.
249+
250+
---
251+

0 commit comments

Comments
 (0)