> For the complete documentation index, see [llms.txt](https://codalin.gitbook.io/nodalin-docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://codalin.gitbook.io/nodalin-docs/quick-guide/the-editor.md).

# The Editor

The Editor is where you’ll spend most of your time — creating, arranging, and managing the nodes that make up your graph. Below are the essential actions to help you get started.

### Zooming and Panning

* **Move the grid**: Click and drag an empty space on the grid to pan the workspace.
* **Zoom**: Use your mouse wheel or trackpad to zoom in and out.\
  Alternatively, you can use `+` and `-` on your keyboard, or pinch to zoom if you're using a stylus pen surface or a tablet.

### Create, Delete, Move

* **Create Nodes**: Press `Tab` or Right-click anywhere on the Editor grid to open the *Nodes Library* menu. Hover over a node’s name to see more information, then click to add it to your graph. 

<figure><img src="https://937151318-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F44MuVIHBk5o5yfcGn64w%2Fuploads%2FmjM2RH3Fgab1Mdt3Vk4v%2Fnodesmodal.gif?alt=media&amp;token=82631ea4-af2f-4ccc-a646-d23b55f7b42b" alt="" width="477"><figcaption></figcaption></figure>

{% hint style="success" %}
While viewing the Nodes Library, use your keyboard to quickly navigate and add nodes:

* Start typing to **search** for nodes *and in their descriptions* — e.g. Searching for "feedback" will bring up the Post node, since "feedback" is mentioned in its description

* Press `Tab` to switch between available node families (Sources, Streams, etc)

* Hit `Enter` to add the currently selected node on your graph

* Use the <i class="fa-arrow-up-arrow-down">:arrow-up-arrow-down:</i> arrow keys to navigate the node list
  {% endhint %}

* **Move Nodes**: Click and drag a node to reposition it. Press `G` to toggle snap-to-grid.&#x20;

* **Delete Nodes**: Select a node and press `Backspace` or `Delete`.

* **Undo/Redo**: Use `Cmd+Z` (Mac) or `Ctrl+Z` (Windows) to undo and `Cmd+Shift+Z` / `Ctrl+Shift+Z` to redo.

* **Selecting multiple nodes:** Hold `Shift` and drag draw a selection marquee or hold `shift` and click to select multiple nodes — then click and drag one the selected nodes to reposition the entire group. Click on the empty space to cancel the selection.

{% hint style="info" %}
**Edit Menu**: Access node actions (copy, paste, delete) from the *Edit* menu or via keyboard shortcuts.
{% endhint %}

### **Connect Nodes**

1. Hover the right or bottom edge of *a node*
2. Click and move the connection wire to another *node*
3. Click to complete the connection

<figure><img src="https://937151318-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F44MuVIHBk5o5yfcGn64w%2Fuploads%2FSSeOGVwQJlwbFcWkiQZC%2Fnew_connect.gif?alt=media&amp;token=4c6437f2-c68d-40de-a0b7-fea8e7879936" alt="" width="563"><figcaption></figcaption></figure>

{% hint style="info" %}
While dragging a connection, compatible nodes stay opaque to indicate a valid connection, incompatible nodes grey out to indicate no matching properties.&#x20;
{% endhint %}

### Disconnect Nodes

1. Hover the connection you want to remove — you’ll notice the line pulses.
2. Right-click and select the last option, `Disconnect`