Renderer

The renderer is the only part of @spine-editor/dom that writes the document subtree. It subscribes to engine commits and produces the DOM representation. See packages/dom/src/renderer/.

Entry point

The renderer is internal to createSpineDomRuntime(...). Host code mounts the public runtime; the runtime creates the renderer for its content element.

Re-render model

The renderer performs a full re-render of the document subtree on every commit. Selection overlays, caret, and list-marker projections are separate layers that update independently of the document tree.

Separation from selection

The renderer does not draw the caret or the selection highlight. Those are owned by the selection overlay in a separate absolutely-positioned layer. The document subtree is stable across selection changes — caret movement does not re-render the document.

Output

The output is plain DOM — <p>, <h1>, <ul>, media elements, and so on, tagged with the data attributes required by selection mapping. No shadow DOM, no custom elements.

Related

• DOM integration overview
• Selection overlay
• Substrate