add canvas controls and make page show up better in search

This commit is contained in:
Deborah Barnard 2023-01-11 10:35:40 +00:00
parent 68d776946e
commit fa4ec0b23c
2 changed files with 53 additions and 36 deletions

View File

@ -1,21 +1,60 @@
---
tags:
- Keyboard
- Move canvas
- Move nodes
- Drag and drop
description: Keyboard shortcuts available in n8n.
hide:
- tags
---
# Keyboard shortcuts
# Keyboard shortcuts and controls
The following keyboard shortcuts are available:
n8n provides keyboard shortcuts for some actions.
## General
- **Ctrl** + **Alt** + **n**: Create new workflow
- **Ctrl** + **o**: Open workflow
- **Ctrl** + **s**: Save the current workflow
- **Ctrl** + **z**: undo
- **Ctrl** + **shift** + **z**: redo
- **Ctrl + Left Mouse Button**: Move/Pan Node View
- **Ctrl + a**: Select all nodes
- **Ctrl + Alt + n**: Create new workflow
- **Ctrl + o**: Open workflow
- **Ctrl + s**: Save the current workflow
- **Ctrl + v**: Paste nodes
- **Ctrl + z**: undo
- **Ctrl + shift + z**: redo
## Canvas
### Move the canvas
- **Ctrl** + **Left Mouse Button**: Move node view
- **Ctrl** + **Middle mouse button**: Move node view
- Two fingers on a touch screen: Move node view
### Canvas zoom
- **+** or **=**: Zoom in
- **-** or **_**: Zoom out
- **0**: Reset zoom level
- **1**: Zoom to fit workflow
- **Ctrl** + **Mouse wheel**: Zoom in/out
### Nodes on the canvas
- **Ctrl** + **a**: Select all nodes
- **Ctrl** + **v**: Paste nodes
### With nodes selected in canvas
- **ArrowDown**: Select sibling node below the current one
- **ArrowLeft**: Select node left of the current one
- **ArrowRight**: Select node right of the current one
- **ArrowUp**: Select sibling node above the current one
- **Ctrl** + **c**: Copy nodes
- **Ctrl** + **x**: Cut nodes
- **d**: Deactivate nodes
- **Delete**: Delete nodes
- **F2**: Rename node
- **Shift** + **ArrowLeft**: Select all nodes left of the current one
- **Shift** + **ArrowRight**: Select all nodes right of the current one
## Node panel
@ -29,28 +68,6 @@ The following keyboard shortcuts are available:
- **ArrowRight**: Expand category, open subcategory
- **ArrowLeft**: Collapse category, close subcategory view
## With nodes selected in canvas
- **ArrowDown**: Select sibling node below the current one
- **ArrowLeft**: Select node left of the current one
- **ArrowRight**: Select node right of the current one
- **ArrowUp**: Select sibling node above the current one
- **Ctrl + c**: Copy nodes
- **Ctrl + x**: Cut nodes
- **d**: Deactivate nodes
- **Delete**: Delete nodes
- **F2**: Rename node
- **Shift + ArrowLeft**: Select all nodes left of the current one
- **Shift + ArrowRight**: Select all nodes right of the current one
## Canvas zoom
- **+** or **=**: Zoom in
- **-** or **_**: Zoom out
- **0**: Reset zoom level
- **1**: Zoom to fit workflow
- **Ctrl + Mouse wheel**: Zoom in/out
## Within nodes
- **=**: in an empty parameter input, this switches to expressions mode.

View File

@ -43,13 +43,10 @@ markdown_extensions:
- attr_list
# https://squidfunk.github.io/mkdocs-material/reference/admonitions/?h=admoni
- admonition
# https://squidfunk.github.io/mkdocs-material/setup/extensions/python-markdown-extensions/#superfences Superfences is required for several other features. Always enable.
- pymdownx.superfences
# https://squidfunk.github.io/mkdocs-material/reference/images/
- md_in_html
- pymdownx.details
# https://squidfunk.github.io/mkdocs-material/setup/extensions/python-markdown-extensions/#superfences Used for tags, setting unique templates for certain pages, and other custom frontmatter.
- meta
- pymdownx.details
# https://squidfunk.github.io/mkdocs-material/reference/icons-emojis/
- pymdownx.emoji:
emoji_index: !!python/name:materialx.emoji.twemoji
@ -83,6 +80,9 @@ plugins:
- search
# https://github.com/oprypin/mkdocs-literate-nav
- literate-nav
# https://squidfunk.github.io/mkdocs-material/setup/setting-up-tags/
- tags:
enabled: true
nav:
- Using n8n:
- Welcome: index.md