Skip to main content
Synopsis editor
Back to Labs
Prototype

Synopsis editor

A zero-dependency markdown editor with live syntax highlighting. Dark theme, keyboard shortcuts, no distractions.

A single HTML file with a contenteditable div and a plain Node.js backend. Every keystroke triggers a line-by-line classification pass: headings, quotes, checkboxes, tables, lists, inline bold, code, links, and stat numbers all get distinct visual treatment. Cursor position survives re-renders via character offset mapping. Cmd+S saves, Tab inserts spaces, paste strips formatting. No frameworks, no build step, no dependencies.

Built with

Node.js Vanilla JS HTML

Status

In development