Docs

Editor

The block editor handles text, images, and video in a single contenteditable surface. Content is serialized to and from Markdown.

Text blocks

Plain paragraphs, headings (##, ###), bold, italic, inline code, and links. Standard keyboard shortcuts apply: ⌘B bold, ⌘I italic, ⌘K link.

Image blocks

Images are first-class blocks. Insert via the / picker (/img) or drag-and-drop a file. Once inserted, an alignment toolbar appears:

OptionCSSMarkdown
Float leftfloat: left![alt](id){.left}
Centermargin: auto![alt](id){.center}
Float rightfloat: right![alt](id){.right}
Full widthwidth: 100%![alt](id){.full}

Text in surrounding paragraphs wraps naturally around floated images.

Video blocks

Paste a YouTube, Vimeo, Wistia, or direct .mp4/.webm URL. The editor auto-detects video URLs on paste and creates a block. Or use /vid in the block picker.

Video blocks render as responsive 16:9 embeds. Serialized as ::video[url] in Markdown.

Media picker

Click the image icon or use /img to open the picker. Three tabs:

TabWhat it does
LibraryBrowse all files in the media library
From URLPaste a Dropbox, Google Drive, or OneDrive share link — Orbiter fetches and stores the file server-side
External linkPaste any public URL — stored as a reference, nothing is downloaded

Block picker

Type / at the start of a line to open the block picker:

  • /img — insert an image block
  • /vid — insert a video block
  • /h2, /h3 — insert a heading
  • /note — insert a callout block
  • /tbl — insert a table block

Callout blocks

Type /note in the block picker to insert a callout — a tinted info box with a left accent border. Good for tips, warnings, and notes inline with prose.

/note   →  Callout block

Table blocks

Type /tbl to insert an editable table. A 2×2 grid with a header row is created. Use the toolbar to add or remove rows and columns.

/tbl    →  Table block (2×2, expandable)
  • Tab — move to the next cell; Tab past the last cell adds a new row
  • + Row / + Col — toolbar buttons to expand the table
  • − Row / − Col — remove the last row or column

Autosave

The editor autosaves every 30 seconds and on blur. A "Saved" indicator appears in the toolbar. The save does not change the entry status — a draft stays draft until you explicitly click Publish.

Keyboard shortcuts

ShortcutAction
⌘ SSave
⌘ BBold
⌘ IItalic
⌘ KInsert link
⌘ ZUndo
⌘ Shift ZRedo

Preview URL

Set a preview URL template per collection in Schema → (collection) → Preview URL. Use {slug} as a placeholder:

https://mysite.com/posts/{slug}

An ↗ Preview button appears in the editor topbar and opens the rendered page in a new tab. The URL updates live as the slug changes.