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.
Basics
| Text (Paragraph) | /text |
| Heading 1 | /h1 |
| Heading 2 | /h2 |
| Heading 3 | /h3 |
| Heading 4 | /h4 |
| Bullet List | /bullet |
| Numbered List | /numbered |
| Task List | /task |
| Blockquote | /quote |
| Horizontal Divider | /divider |
Advanced
| Code Block | /codeblock |
| Inline Code | /inlinecode |
| Hyperlink | /link |
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. This menu offers rapid access to 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 |
Fixed Formatting Toolbar
When editing dashboard notes, a fixed Formatting Toolbar overlay is anchored at the bottom-left corner of the window.
- Click the Wrench icon to expand the full toolbar.
- Click any formatting icon to apply styling at your cursor or selection.
- The toolbar can be hidden or shown at any time. Press Escape to close it when expanded.
Link Mechanics & Autolinks
Escribolt includes context-aware URL processing when working with hyperlinks:
- Paste to Link: Select any text block in your editor, copy a URL (starting with
http://orhttps://) to your clipboard, and press Cmd + V. Instead of replacing the text, Escribolt automatically formats the selection as a hyperlink targeting the copied URL. - Unlinking: If you select an existing link and click the link tool, Escribolt automatically strips the link tag, returning the text to normal.
- 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."