# Editor Toolbar

The notes editor toolbar has all the basic tools for rich formatting of your notes. It also lets you add various blocks to your notes like task lists, images, videos etc.

![Toolbar](/toolbar-editor.png)

## Adding blocks to a note

1. Focus inside the note where you want to insert a block.
2. Click on the ![Toolbar plus](/toolbar-plus.png) button on the toolbar.
3. Select the block you want to insert; for example a task list.

![Toolbar](/toolbar-blocks.png)

## Customzing editor toolbar

> info
>
> Toolbar configuration is automatically synced across all your devices.

One of the great features of the editor is the ability to customize the editor toolbar to fit your own needs. There's usually many tools in an editor toolbar and being able to hide the tools you never use and just keep what you use more frequently on top helps focus on your note taking.

# [Desktop/Web](#/tab/web)

To customize the toolbar go to `Settings` > `Editor Settings` and click on `Configure Toolbar`.

![Configure editor toolbar](/config-toolbar-desktop.png)

# [Mobile](#/tab/mobile)

To customize the toolbar go to `Settings` > `Customization` > `Editor` and click on `Configure Toolbar`.

---

**Groups** - Tools are distrubted across groups. You can add, remove and reorder the groups in the toolbar. You can move tools between groups with drag and drop.

**Subgroup** - Each group can have a single sub group. Tools in a subgroup are collapsed into a drop down menu in the toolbar.

# [Desktop/Web](#/tab/web)

**Disabled Items** - Tools that are hidden from the toolbar. You can drag and drop a tool into this section to remove it from the toolbar.

# [Mobile](#/tab/mobile)

**Disabled Items** - Tools that are hidden from the toolbar. Click on the `+` button on a group to view disabled tools and add them back to the toolbar.

---

### Add a new group

# [Desktop/Web](#/tab/web)

To add a new group to the toolbar, click on the `+` button in the header.

# [Mobile](#/tab/mobile)

Scroll down the bottom of all groups. Click on `Create a group` button to add a new group.

---

### Adding tools to a group

# [Desktop/Web](#/tab/web)

Drag and drop tools from other groups or the `Disabled item` section into a group to add them to the group.

# [Mobile](#/tab/mobile)

Click on the `+` button on a group header to add any disabled tools into the group. You can also drag and drop tools from other groups.

### Creating a subgroup

# [Desktop/Web](#/tab/web)

1. Hover on a group header.
2. Click on the `+` button to add a subgroup.
3. Drag and drop tools into the subgroup.
4. Tools in the subgroup will be collapsed into a drop down.

# [Mobile](#/tab/mobile)

You can create a subgroup by clicking on collapse button on a tool. Tools in the subgroup will be collapsed into a popup.

---

### Deleting a group

# [Desktop/Web](#/tab/web)

You can remove a group and all it's tools from the toolbar.

1. Hover on a group header
2. Click on the trash icon to delete the group.
3. All the tools in the group will be moved to `Disabled items` section at the bottom.

# [Mobile](#/tab/mobile)

1. Click on the `-` button on a group header to remove the group
2. Tools removed from a group can be added back with the `+` button on the group header.

---

### Disable a tool

# [Desktop/Web](#/tab/web)

1. Hover on a tool header
2. Click on the trash icon to disable the tool.
3. Deleted tools in the group will be moved to `Disabled items` section at the bottom.

# [Mobile](#/tab/mobile)

A tool can be disabled from the toolbar by clicking on the `-` button on the tool.

---
