Editor Demo

Validate Lexical editor behavior using a three-panel live demo.

Overview

The Editor Demo page is an implementation playground for the Lexical editor integration used by Ticket Mate content workflows.

Demo Layout

1. Editable panel: Full editor with toolbar and reset capability.
2. Read-only panel: Live-rendered mirror of the same editor state.
3. JSON panel: Serialized Lexical payload for persistence and inspection.

Technical Notes

• The editor is loaded dynamically to reduce initial page weight.
• The JSON payload is treated as the source of truth for storage.
• Copy-to-clipboard and visual sync highlighting help validate state changes.

Use Cases

• Verify editor rendering/parity across editable and read-only contexts
• Inspect serialized payload shape before API/database integration
• Test card-based editor UX in isolation

Related

• Templates
• Data Contracts

---

Last Updated: April 15, 2026