ory/editor
Editor
This project is a customizable browser text editor and a schema-driven document framework designed for building React-based WYSIWYG content editors. It replaces standard text areas with a system that represents content as a structured data tree rather than flat HTML, allowing for precise manipulation and validation of documents.
The framework serves as an extensible content management interface and a TypeScript UI component library. It enables the development of specialized authoring tools through a plugin system and the use of strongly typed building blocks to ensure consistency across document updates.
The system covers structured content authoring and the development of rich text workflows. It includes mechanisms for state-based change tracking to support undo operations and real-time synchronization across clients.
Features
- Structured Document Models - Represents content as a structured tree of blocks and entities rather than flat HTML for precise manipulation and validation.
- Content Authoring and Editing - Provides interfaces and tools that enable users to create and format complex content beyond simple text.
- Content Management Frameworks - Implements a structured environment and framework for organizing and managing large-scale digital content through custom editors.
- Web Content Authoring Interfaces - Provides user interfaces designed for creating and managing digital content as structured data trees.
- Schema-Driven Modeling Frameworks - Implements a framework that represents content as a structured data tree to enforce business rules and structural integrity.
- Hook-Based Plugin Systems - Ships a hook-based plugin system that allows extending core editor functionality by registering custom logic into lifecycle events.
- Rich Text Editors - Provides a library for building custom document models and extensible rich text editing experiences.
- Rich Text WYSIWYG Editors - Provides a framework for building visual editors specifically designed for formatted text and media content.
- TypeScript UI Frameworks - Provides a set of strongly typed building blocks and components for creating interactive web editing experiences.
- WYSIWYG Editors - Provides a visual editing interface where the output matches the final published version for complex document design.
- Controlled Input Management - Provides synchronization between the browser's content-editable state and a centralized React state manager to prevent document divergence.
- Rich Text Editors - Provides a web-based interface for creating and editing formatted content using a structured document model.
- CMS Toolkits - Offers a specialized toolkit for building CMS authoring interfaces with custom blocks and editing behaviors.
- Document History & Undo Systems - Implements a state-based change tracking system to enable undo operations and real-time document synchronization.
- Undo-Redo State History - Tracks document modifications to support undo and redo operations and real-time synchronization across clients.
- TypeScript Type Definitions - Utilizes strict TypeScript type definitions for document schemas and plugin APIs to ensure structural consistency.
- Schema-Based Type Synthesis - Defines strict schemas and type-safe data structures to ensure consistency across document updates.
- Component-Based Rendering - Implements a rendering architecture that maps structured data nodes to native React components for custom interactive behavior.
- React CMS Authoring Tools - Integrates specialized blocks and custom editing behaviors into React applications to build CMS authoring tools.
- Text Editors - Intuitive terminal-based text editor.
