ContextQMD
Back to Notesnook

Editor toolbar

docs/help/contents/rich-text-editor/rich-text-editor-toolbar.md

3.4.10-android5.6 KB
Original Source

Editor toolbar

The editor toolbar holds every formatting tool, and the + button on it inserts blocks — task lists, tables, images, code blocks and more.

Add a block to a note

  1. Focus inside the note where you want to insert a block.
  2. Click the button on the toolbar.
  3. Select the block you want to insert; for example a task list.

Customize the editor toolbar <PlanTag plan="pro" />

An editor toolbar carries a lot of tools. Hiding the ones you never use, and keeping the ones you reach for at the front, leaves you with a toolbar that matches how you actually write.

::: info Desktop and mobile keep separate toolbars Your toolbar layout syncs to your other devices, but desktop and mobile are stored separately — changing the toolbar on your laptop does not change the one on your phone, and the other way round.

:::

On every platform the toolbar editor lives in the same place: {{settings}} > {{customization}} > {{editor}} > {{customizeToolbar}}.

Groups — tools are distributed across groups. You can add, remove and reorder the groups in the toolbar. You can move tools between groups with drag and drop.

Subgroups — each group can have a single subgroup. Tools in a subgroup are collapsed into a drop down menu in the toolbar.

Disabled items — tools that are hidden from the toolbar. Drag a tool into this section to remove it from the toolbar.

Choose a toolbar preset

The toolbar always uses one of three presets, shown at the top of the {{customizeToolbar}} screen:

  • {{default}} — the full set of groups and tools.
  • {{minimal}} — a trimmed-down toolbar with only the most-used tools.
  • {{custom}} <PlanTag plan="pro" /> — your own arrangement of groups, subgroups and tools.
  1. Go to {{settings}} > {{customization}} > {{editor}} > {{customizeToolbar}}.
  2. Select {{default}}, {{minimal}} or {{custom}}.

Editing groups or tools while {{default}} or {{minimal}} is selected switches you to {{custom}} automatically.

Saving a {{custom}} preset requires a Pro plan — {{default}} and {{minimal}} are available on every plan. See Plans & limits.

Toolbar layouts on mobile are per device class

Mobile keeps a separate toolbar layout for each device class — phone, small tablet and tablet — and picks the one that matches the current window size. Customizing the toolbar on your phone therefore does not change the layout you see on a tablet, and a tablet that switches between split-screen and full screen can move between the small tablet and tablet layouts.

Reset the toolbar

There is no reset action. Select the {{default}} preset on the {{customizeToolbar}} screen to go back to the stock toolbar.

Add a new group

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

Add tools to a group

Drag tools from other groups or from Disabled items into a group to add them.

Create a subgroup

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

Delete a group

You can remove a group and all its tools from the toolbar.

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

Disable a tool

  1. Hover on a tool header
  2. Click the trash icon to disable the tool.
  3. The tool is moved to the Disabled items section at the bottom.