Keyboard shortcuts
Press ? in the editor (outside the code pane) to see this list there. On a Mac, use ⌘ where it says Ctrl, and Option for Alt.
Anywhere
| ? | Show or hide the shortcut list |
| Ctrl + S | Save (to the file, else a download) |
| Ctrl + Z | Undo, in the code and on the canvas |
| Ctrl + Y or Ctrl + Shift + Z | Redo |
| Esc | Close a menu, panel or the shortcut list |
Canvas
Click the canvas first.
| Tab | Add a node connected after the selected one (in an empty picture, the first node) |
| Enter | Add a node beside the selected one |
| F2 | Edit the selected node's label (or double-click it) |
| Delete or Backspace | Delete the selection; what depended on it is re-attached or pinned |
| Menu or Shift + F10 | Open the selected edge's menu |
| Space + drag | Pan |
Mouse
| Shift + click | Add to the selection, or take out of it |
| Alt + drag | Move or resize without snapping |
| Ctrl + drag | Resize from the center (on a resize handle) |
| Right-drag or Middle-drag | Pan (dragging the background does too) |
| Wheel | Zoom, about the pointer |
| Right-click | An edge's menu |
| Double-click | Edit a label; on an edge's corner, remove it |
| Middle-click | On a tab, close it |
Tabs
With a tab focused.
| ← or → | Show the tab before or after |
Editing a label
| Enter | Apply |
| Shift + Enter | New line |
| Tab | Apply and add the next connected node |
| Esc | Cancel |
| ↑ or ↓ | Move between items |
| Enter or Space | Choose |
| → or ← | Open or leave a submenu (the anchors) |
Code
| Ctrl + F | Find and replace |
| Tab or Shift + Tab | Indent, outdent |
| Esc | Then Tab: leave the code pane by keyboard (Tab alone indents) |