From fa4ec0b23c1e4f56dc423388a2bf02da59bae5ff Mon Sep 17 00:00:00 2001 From: Deborah Barnard Date: Wed, 11 Jan 2023 10:35:40 +0000 Subject: [PATCH 1/2] add canvas controls and make page show up better in search --- docs/reference/keyboard-shortcuts.md | 81 +++++++++++++++++----------- mkdocs.yml | 8 +-- 2 files changed, 53 insertions(+), 36 deletions(-) diff --git a/docs/reference/keyboard-shortcuts.md b/docs/reference/keyboard-shortcuts.md index 609bc1f0c..668f96cc7 100644 --- a/docs/reference/keyboard-shortcuts.md +++ b/docs/reference/keyboard-shortcuts.md @@ -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. diff --git a/mkdocs.yml b/mkdocs.yml index e54509d39..69a2c7b5e 100644 --- a/mkdocs.yml +++ b/mkdocs.yml @@ -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 From 5af2c4271681395e9d7063105fd142ad7a16abb0 Mon Sep 17 00:00:00 2001 From: Deborah Barnard Date: Wed, 11 Jan 2023 10:44:18 +0000 Subject: [PATCH 2/2] fewer capital letters --- docs/reference/keyboard-shortcuts.md | 60 ++++++++++++++-------------- 1 file changed, 30 insertions(+), 30 deletions(-) diff --git a/docs/reference/keyboard-shortcuts.md b/docs/reference/keyboard-shortcuts.md index 668f96cc7..892305038 100644 --- a/docs/reference/keyboard-shortcuts.md +++ b/docs/reference/keyboard-shortcuts.md @@ -15,9 +15,9 @@ 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** + **Alt** + **n**: create new workflow + - **Ctrl** + **o**: open workflow + - **Ctrl** + **s**: save the current workflow - **Ctrl** + **z**: undo - **Ctrl** + **shift** + **z**: redo @@ -25,48 +25,48 @@ n8n provides keyboard shortcuts for some actions. ### 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 + - **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 +- **+** 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 +- **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 + - **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 - - **Tab**: Open the Node Panel - - **Enter**: Insert selected node into workflow - - **Escape**: Close Node panel + - **Tab**: open the Node Panel + - **Enter**: insert selected node into workflow + - **Escape**: close Node panel ### Node panel categories -- **Enter**: Insert node into workflow, collapse/expand category, open subcategory -- **ArrowRight**: Expand category, open subcategory -- **ArrowLeft**: Collapse category, close subcategory view +- **Enter**: insert node into workflow, collapse/expand category, open subcategory +- **ArrowRight**: expand category, open subcategory +- **ArrowLeft**: collapse category, close subcategory view ## Within nodes