Docs

Editor

Boki's article editor — formatting, collaboration, and AI assistance

Editor

Boki's editor is where you write. It supports rich text, markdown, MDX, real-time collaboration, and inline AI assistance.

Editor features

Rich text editing

  • Headings (H1-H6)
  • Bold, italic, underline
  • Bulleted and numbered lists
  • Blockquotes
  • Code blocks with syntax highlighting
  • Tables
  • Images
  • Links

Markdown support

Write in markdown syntax. The editor renders it in real-time.

Common markdown:

  • # Heading for headings
  • **bold** for bold
  • *italic* for italic
  • - item for lists
  • `code` for inline code
  • ```language for code blocks

MDX support

MDX lets you include React components in your content. Use components from the Components library or write custom JSX.

Real-time collaboration

Multiple people can edit the same article simultaneously:

  • See cursors showing who's where
  • Changes sync in real-time
  • No conflicts — everyone sees the same document

Version history

Every change is saved:

  1. Click History in the editor toolbar
  2. See a list of versions with timestamps
  3. Click a version to preview
  4. Click Restore to revert to that version

Comments

Leave comments for collaborators:

  1. Highlight text
  2. Click the comment icon
  3. Type your note
  4. Click Post

Comments appear in the sidebar. Resolve them when addressed.

Ask Boki inline

Access AI assistance while writing:

  1. Highlight text (50+ words for reviews)
  2. Click the sparkle that appears
  3. Choose an action:
    • Ask a question
    • Technical review
    • Marketer review
    • LLM visibility (beta)

See Ask Boki in editor for details.

Keyboard shortcuts

ActionWindows/LinuxMac
BoldCtrl+BCmd+B
ItalicCtrl+ICmd+I
Heading 1Ctrl+Alt+1Cmd+Opt+1
Heading 2Ctrl+Alt+2Cmd+Opt+2
Code blockCtrl+Shift+CCmd+Shift+C
SaveCtrl+SCmd+S
UndoCtrl+ZCmd+Z
RedoCtrl+Shift+ZCmd+Shift+Z

Word count

The editor displays:

  • Current word count
  • Target word count (from brief)
  • Progress toward target

Autosave

Changes save automatically. You'll see a "Saved" indicator when changes are synced.