Editor & Formatting

Escribolt features an offline-first, WYSIWYG rich text editor built on top of the Tiptap engine. It combines the speed of markdown shortcuts with the ease of visual formatting.

Slash Commands Menu

Type a forward slash (/) at the start of any new line or after a space to open the Slash Command Menu. You can filter commands by typing directly after the slash (e.g. /h1 or /todo).

Navigation: Use the Arrow Up / Arrow Down keys to highlight an option, Enter to insert it, and Escape to dismiss the menu.

The same block command list is also available from the selection bubble menu. Select text, open the block type dropdown on the left side of the bubble menu, and choose a command to apply it to the entire block that contains the selection.

Markdown Auto-Formatting Shortcuts

If you prefer keyboard-driven writing, you can use standard Markdown syntax in the editor. Escribolt instantly converts these sequences on spacebar or line-break triggers:

• Type #, ##, ###, or #### followed by Space to format headings.
• Type - or * followed by Space to start a bullet list.
• Type 1. followed by Space to start a numbered list.
• Type [] followed by Space to create a checklist / task item.
• Type > followed by Space to write a blockquote block.
• Type --- and press Enter to draw a horizontal rule divider.
• Type `code` (backticks surrounding text) to create inline code styles.
• Type ``` (triple backticks) and press Enter to create a syntax-highlighted code block.

Selection Bubble Menu

Highlighting any text block in the editor opens a floating Bubble Menu immediately above your selection. The left side shows the current block type, such as Text or Heading 2, with a dropdown chevron for block commands. Inline formatting controls remain beside it for quick style overrides:

Style Target	Keyboard Shortcut (Mac)
Bold text	Cmd + B
Italic text	Cmd + I
Underline text	Cmd + U
Strikethrough text	Cmd + Shift + X
Inline code	Cmd + E
Insert hyperlink	Cmd + K

Block Dragging

Hover near the left gutter of a note block to reveal a drag handle. Click and hold the handle to move the block above or below other blocks in the note. The gutter next to the text remains part of the hover target, so the handle stays reachable even when your pointer moves left of the written content.

• Drop indicators appear between blocks, including when you drag over the gutter area.
• Blocks are moved as document blocks, not pasted into the middle of existing text.
• Dragging a collapsed heading moves the heading and its hidden section together as one unit.

Collapsible Headings

Headings can act as collapsible sections. Hover a heading to reveal the collapse chevron next to it, then click the chevron to hide or show the section below that heading.

• Hierarchy aware: Collapsing a Heading 2 hides its body content and nested Heading 3 or Heading 4 sections until the next Heading 2 or Heading 1.
• Lower-level sections: Collapsing a Heading 3 hides its content and nested Heading 4 sections until the next Heading 3, Heading 2, or Heading 1.
• Persistent state: Collapsed sections remain collapsed when you leave and return to the note. Escribolt stores this per-note UI state locally on the device.
• Visible marker: A collapsed heading keeps its chevron visible even when you are not hovering it, so hidden sections are easy to spot.

Link Mechanics & Autolinks

Escribolt includes context-aware URL processing when working with hyperlinks:

1. Paste to Link: Select any text block in your editor, copy a URL (starting with http:// or https://) to your clipboard, and press Cmd + V. Instead of replacing the text, Escribolt automatically formats the selection as a hyperlink targeting the copied URL.
2. Unlinking: If you select an existing link and click the link tool, Escribolt automatically strips the link tag, returning the text to normal.
3. Empty Selection Prompt: If you click the Link tool (or press Cmd + K) without any selected text, a floating hint warns you to: "Highlight text to turn into a link."