Live Collaborative Document Editor — EditorJS
Google‑Docs‑style editor with real‑time tables, images, plugins, versioning, and conflict‑free concurrent edits.
Impact
- 50+ concurrent edits without conflicts
- Lazy‑loaded heavy plugins; initial bundle −40%
- Export to JSON; draft saves and version history
Approach
- EditorJS with custom blocks (tables, media)
- Collab model with server arbitration and OT/CRDT‑style merges
- Viewport‑aware plugin loader; code split by block type
Stack
Angular 18, EditorJS, TypeScript, SCSS