Feature tutorials

Canvas Basics: Add, Edit, Drag, and Collapse Nodes

These are the canvas gestures you use every day. The Web App, the SiYuan plugin, and the Obsidian plugin share one editor, so everything here works the same on all three. Each clip is about ten seconds long and shows the keys being pressed in the bottom-left corner.

KMind ZenUpdated Sep 20, 20264 min read

Key takeaways

  • Tab adds a child, Enter adds a sibling, and both open the new node for typing right away.
  • Double-click, Space, or F2 all enter text editing; Enter commits.
  • Drop onto the centre of a target node to re-parent; ⌘-click to select several nodes and move them together.

Tab: add a child and type

Select a node and press Tab to add a child below it. The new node opens for editing immediately.

Type the text and press Enter to commit; no need to click into the node first.

  • Shortcut: Tab adds a child, Enter commits
Animation of pressing Tab in KMind Zen to add a child node and type into it
Tab adds a child; type, then Enter to commit.

Enter: add a sibling

With a committed node selected, press Enter to add a sibling right below it, again ready for typing.

Keep pressing Enter to list a whole set of parallel points in one go.

  • Shortcut: Enter adds a sibling
Animation of pressing Enter in KMind Zen to add a sibling node
Enter adds a sibling node.

Double-click to edit text

Double-click a node to edit its text. In the clip, ⌘ A selects everything, the new text replaces it, and Enter commits.

Escape discards the edit, so commit with Enter or by clicking empty canvas.

  • Shortcuts: ⌘ A select all, Enter commit, Esc discard
Animation of double-clicking a KMind Zen node, replacing its text and committing
Double-click, ⌘ A to replace, Enter to commit.

Space: quick edit

With a node selected, tap Space to enter editing with the caret at the end of the text — handy for adding to a node without leaving the keyboard.

It has to be a tap: holding Space and dragging pans the canvas instead.

  • Shortcut: Space enters editing (node selected)
Animation of tapping Space in KMind Zen to edit the selected node
Select a node, tap Space to edit.

F2: quick edit

F2 is another way into editing and behaves like Space: caret at the end, type, Enter to commit.

If you are used to renaming files with F2 this will feel natural; the binding can be changed in the shortcut settings.

  • Shortcut: F2 enters editing
Animation of pressing F2 in KMind Zen to edit the selected node
F2 to edit, Enter to commit.

Drag a node to re-parent

Drag a node onto the centre of another node and release: it becomes that node's child, and its whole subtree comes along.

If you release outside the target's box the move becomes a sibling reorder instead.

Animation of dragging a KMind Zen node onto another node to change its parent
Drop on the centre of the target; the node becomes its child.

⌘-click multi-select and drag

Hold ⌘ (Ctrl on Windows) and click nodes to add them to the selection. Then drag any selected node and the whole group moves under the new parent.

No modifier is needed while dragging; dragging a box on empty canvas also selects several nodes at once.

  • Shortcut: ⌘ / Ctrl + click adds to the selection
Animation of ⌘-clicking several KMind Zen nodes and dragging them as a group
⌘-click to build the selection, then drag the group.

Collapse and expand a branch

Hover a node and a collapse handle appears at the end of its branch. Click it to fold the whole branch; the handle turns into a badge showing how many children are hidden.

Click the badge to expand again. Collapsing only changes what is shown, not the map itself.

Animation of collapsing and re-expanding a branch in KMind Zen
Click the branch handle to collapse; the badge shows the hidden count.

Pan and zoom the canvas

Hold Space and drag to pan. Dragging on empty canvas without Space draws a selection box instead.

The mouse wheel zooms around the pointer; the current zoom level shows in the bottom-right corner.

  • Shortcuts: Space + drag pans, wheel zooms
Animation of holding Space to pan the KMind Zen canvas and using the wheel to zoom
Space + drag to pan, wheel to zoom.

Related resources

Node content: todos, notes, comments, formulas

Attach todos, notes, comments, tags, icons, links, cloze blanks, formulas, and images to nodes.

Structure: summaries, relations, multiple roots

Express relationships between nodes.

Web App quickstart

Start here if this is your first time with KMind Zen.

FAQ

Why didn't Enter add a sibling right after Tab?

The child that Tab creates opens in editing mode, and there Enter commits the text. Press Enter once more after committing to add a sibling.

How do I tell re-parenting from reordering while dragging?

Releasing inside the target node's box re-parents; releasing in the gap between nodes reorders among siblings.