A headless-first rich-text editor engine for Scala.js. One immutable document drives server-rendered HTML and a hydrated editor in the browser; there is no contenteditable command layer underneath.
Modules are published one by one. A minimal rich-text editor needs the kernel, the rich-text profile, the HTML contract and the view.
This editor was rendered on the server and hydrated in your browser. Type, format and undo; the inspector below shows the same document in four forms.
Ember keeps one immutable document. Every keystroke becomes a transaction, and every view is derived from it.
Select a word and press Ctrl+B
Turn this line into a heading with the toolbar
Undo it again with Ctrl+Z
Markdown, JSON and HTML below are read from the same document, live.
session.dispatch(RichText.ToggleMark, StandardMarks.Strong)Resolve the extensions, build an empty document, open a session, mount the view and dispatch a command.
A Document only comes from Document.build and already satisfies its invariants. Holding one means nothing more needs checking.
Commands turn intent into transactions. A transaction yields the new document, a change set and a position mapping in one step.
The same semantics render the page on the server and the editable surface in the browser. Hydration claims the page instead of rebuilding it.
The model pages explain what an edit is; the format pages how a document travels; the browser pages how it becomes editable.