SynTextEditor

A rich text editor for React and Next.js where the document is data, not HTML: the editor edits a small JSON model, a viewer renders it as React elements, and toHTML produces HTML when you need it.

One component from word-processor richness (fonts, sizes, colours, tables, media, checklists, find and replace) down to a plain comment box, with presets whose schema also filters paste and shortcuts; a direct React binding through useSynTextEditor with no provider; media over your own storage via four functions or REST endpoints; fully themeable through --se-* CSS variables; a configurable right-click menu; video with custom thumbnails and a library-drawn player; custom fonts; and slots to replace any part of the UI.

Roughly 40 KB gzipped for the full editor UI and 9 KB for the viewer, with lucide-react as the only runtime dependency and React 18+ as a peer. Built with Vite in library mode with generated type declarations, tested with Vitest, documented page by page, and released as GitHub-release packages. It powers the rich text in CUT2STYLE, Synlor, SovereignTerminal and Commerza.