Shortcuts
Wobble web has the following keyboard shortcuts:
Global Shortcuts
Section titled “Global Shortcuts”These shortcuts work throughout the editor:
- Cmd/Ctrl + Z - Undo
- Cmd/Ctrl + Shift + Z - Redo
- Cmd/Ctrl + Enter - Toggle Style Editor (Settings Panel)
- Cmd/Ctrl + E - Toggle Text Editor (Code Panel)
Element Shortcuts
Section titled “Element Shortcuts”These shortcuts work when selecting an element:
- Delete or Backspace - Delete selected element
- Cmd/Ctrl + K - Add/edit hyperlink on selected element
- Cmd/Ctrl + D - Duplicate selected element
Navigation & Element Mode Switching
Section titled “Navigation & Element Mode Switching”There are two modes for working with elements: Edit Mode (for editing text) and Move Mode (for positioning/moving/rotating elements).
- Tab - Navigate between elements
- Text elements automatically enter Edit Mode
- Images, videos, and other non-text elements enter Move Mode
- Enter - Switch from Move Mode to Edit Mode (text elements only)
- Escape - Switch from Edit Mode to Move Mode
Movement
Section titled “Movement”- Arrow Keys - Move element by 1px
- Shift + Arrow Keys - Move element by 20px (large step)
Rotation
Section titled “Rotation”- Alt + Arrow Keys - Rotate element by 5 degrees
- Shift + Alt + Arrow Keys - Rotate element by 45 degrees
Scaling
Section titled “Scaling”- Cmd/Meta + Arrow Keys - Scale element by 0.01
- Shift + Cmd/Meta + Arrow Keys - Scale element by 0.1
Clipboard Operations
Section titled “Clipboard Operations”These shortcuts work with the clipboard API (when available)
- Cmd/Ctrl + C - Copy selected element
- Cmd/Ctrl + V - Paste selected element