Live Interactive Demo Model
Rich Text WYSIWYG Block Editor
A block-based rich text editor supporting slash commands (/heading, /bullet, /quote) and reordering.
0
React 19 Practice Workbench
Acceptance Criteria
Managing structured document trees instead of raw HTML strings
Capturing Slash `/` commands to trigger contextual formatting menus
Interacting with window.getSelection() and Range APIs safely
Target APIs & Concepts
contentEditable APIBlock Data TreeSelection & Range API
Ready to code this yourself? Switch to the Candidate Code Studio to write your implementation in React 19 and run automated test evaluations!