Toolbar and Menus

The formatting toolbar sits below the menu bar and provides access to all formatting and insertion actions. On desktop, the full toolbar is visible. On mobile, it adapts with overflow menus. The toolbar layout from left to right:

Font and Size

• Font picker: Select from ~40 curated Google Fonts. Shows current font name.
• Size picker: Select font size (8px to 96px). Shows current size.
• Both are disabled when the Markdown source editor has focus (font/size only apply in the preview editor).

Text Formatting

• Bold, Italic, Strikethrough, Inline Code, Highlight, Superscript, Subscript

Headings

• Headings dropdown: H1 through H6 level selector

Lists

• Bullet list, Numbered list, Task list

Block Elements

• Blockquote toggle
• Callout dropdown: 13 callout types (NOTE, TIP, IMPORTANT, WARNING, CAUTION, SUCCESS, BUG, EXAMPLE, QUESTION, TODO, QUOTE, ABSTRACT, FAILURE) with colored icons
• Horizontal rule

Insert Elements

• Code block
• Link insertion
• Image insertion
• Table grid picker (8x6) for quick table creation
• Emoji picker: ~3,953 Unicode emojis with search, categories, and skin tones
• Icon picker: ~1,668 Lucide icons with search grid

Diagrams, Math, and AI

• Diagram dropdown: 28 types across Mermaid (12 types), Chart.js (8 types), and Graphviz (8 types). Each inserts a starter code block.
• Math dropdown: Inline math, display math, matrices, common formulas, and Greek letters. Each inserts LaTeX syntax.
• AI Actions: 12 one-click actions (Quality 4, Structure 5, Tone 2, Language 1). See AI Quick Actions.

Right Side

• Template picker: Select from 62 templates grouped by category
• Layout mode toggle: Split, Editor only, Preview only
• Scroll sync toggle
• Dark/light mode toggle

The menu bar sits at the top of the editor above the toolbar. It contains four menus:

File

• New document
• Load sample content (categorized samples for testing features)
• Download as PDF, Word (.doc), or HTML (Pro only)
• Customize Template (opens template customizer, Pro only)

Edit

• Undo, Redo
• Select all
• Find and replace

Format

• Text formatting: Bold, Italic, Strikethrough, Code, Highlight, Superscript, Subscript
• All formatting actions mirror the toolbar buttons, with keyboard shortcut hints shown next to each item

View

• Layout modes: Split, Editor only, Preview only
• Dark/light mode toggle

The Share button in the top bar opens a tabbed modal with two tabs:

• Export tab: 6 clipboard destinations + 3 download formats (Pro)
• Publish tab: Configure URL, visibility, page width, access control, and publish/update

The top bar (above the menu bar) shows:

• Document title (editable, click to rename)
• Character count
• Share button
• Analytics toggle (opens right-side analytics panel)
• Globe icon (visible when published, clicks through to live page)

Some toolbar items are restricted to Pro users:

• Graphviz insertion: Pro only (rendering is free)
• Chart.js insertion: Pro only (rendering is free)
• Template customizer: Pro only (in File menu)
• Download formats: Pro only (PDF, Word, HTML)