Yoopta-Editor is a headless framework for building customizable block-based rich text editors. It utilizes a JSON-based document engine to manage editor state and provides a WYSIWYG interface for creating structured documents. The system separates core document logic from the visual layer, allowing for complete customization of the user interface.
The framework is designed for real-time collaborative editing, featuring a synchronization engine with conflict resolution and remote cursor presence tracking. It offers a highly extensible plugin system that allows developers to define new content blocks, text marks, and custom rendering logic.
The editor supports a wide array of structured content, including tables, syntax-highlighted code blocks, LaTeX mathematical expressions, and embedded media. It includes comprehensive serialization tools to export content into HTML, Markdown, plain text, and email-compatible formats.
The interface includes interactive elements such as slash-command menus, floating formatting toolbars, and drag-and-drop block reordering. Visual appearance can be standardized or modified through a component-based theme mapping system and CSS variable overrides.