facebook/lexical

Features

• Rich Text Editors - Provides a modular framework for building extensible rich text editors with accessibility compliance and structured document models.
• Rich-Text Frameworks - Offers a modular toolkit for building custom web-based text editors with a structured data model and accessibility compliance.
• Document Serialization - Serializes rich-text editor documents into JSON, HTML, and Markdown formats for storage and transfer.
• Modular Editor Frameworks - Offers a plugin system to extend editor behavior through specialized content nodes and runtime logic.
• Real-time Collaborative Editors - Implements real-time collaborative editing by synchronizing editor state and tracking presence across multiple clients.
• HTML to State Parsers - Parses HTML strings back into a structured editor format to restore external content.
• State to HTML Converters - Transforms internal editor state into HTML strings for data transfer or rendering.
• Content Node Transformers - Modifies the node tree during the update workflow to enforce specific document structures.
• Plugin-Based Editor Frameworks - Provides a plugin-driven architecture that allows developers to extend core rendering and transformation logic through modular extensions.
• Custom Node Definitions - Extends the data model by substituting core node classes with custom subclasses for specialized content.
• Editor Capability Extensions - Offers a modular system to extend editor functionality via custom nodes, plugins, and toggleable configurations.
• Composable Extension Bundles - Bundles configuration and runtime behavior into reusable units that define node sets and dependencies.
• Modular Feature Architectures - Encapsulates node registration and behavior into modular units to simplify the addition of complex editor capabilities.
• Node-Tree Data Models - Represents document content as a structured tree of specialized node classes for extensible content modeling.
• Immutable State Patterns - Utilizes an immutable state model to maintain serializable snapshots and ensure predictable document transitions.
• Plugin-Based Architectures - Employs a plugin-based architecture to encapsulate node registrations and runtime logic into modular units.
• Accessibility Standards - Implements built-in support for WCAG standards to ensure the editor is accessible to all users.
• Accessible UI Components - Develops text input interfaces with ARIA attributes and keyboard support for screen readers.
• Command-Based Action Dispatchers - Provides a prioritized command system to coordinate complex editor behaviors through registered listeners.
• Content Node Definitions - Creates specialized content types by extending base node classes to define custom rendering.
• DOM-State Mapping Layers - Maps internal editor state to the browser DOM while managing content-editable elements and selection ranges.
• Editor Command APIs - Provides programmatic APIs to execute prioritized editor commands for document and content manipulation.
• Real-Time Collaborative Editing - Synchronizes document changes across multiple users in real time using shared state and conflict resolution.
• Document State Management - Implements a system for tracking the immutable state and metadata of text ranges and atomic blocks.
• Text Formatting Tools - Provides the ability to apply and toggle styles such as bold, italic, underline, and alignment to text nodes.
• Buffered State Update Mechanisms - Modifies the document through a buffered update process that batches changes before committing.
• Collaborative Editing Conflict Resolution - Supports real-time collaborative editing with synchronization and conflict resolution engines.
• Collaborative Editing Engines - Integrates with collaborative editing engines to enable simultaneous multi-user document editing.
• State-Driven Content Models - Implements a state-driven approach that maintains serializable immutable snapshots of document content for consistent updates.
• Editor State Update Handlers - Modifies the editor state through batched updates or command listeners to synchronize changes.
• Text Editor Initializations - Provides the core mechanism to connect the editor state model to a DOM element for creating a content-editable area.
• Virtual DOM Diffing - Updates the browser DOM by diffing the internal state against the pending state to minimize mutations.
• Editor Update Listeners - Triggers callback functions whenever the editor state changes to synchronize external UI.
• Block-Based Editing Workflows - Supports a writing experience organized into movable content blocks with specialized shortcuts.
• Rich Text Content Serialization - Converts rich text content between internal application states and formats like HTML or JSON.
• Editor - Converts internal editor state into string formats for network transmission or persistent storage.
• JSON Serializers - Converts the internal editor structure into a JSON representation for persistent storage and restoration.
• Editor Element Property Sync - Synchronizes custom node attributes between peers to maintain consistency across collaborative sessions.
• Rich Text Formatting Toolbars - Allows the creation of custom user interface toolbars to control and apply text formatting styles.
• Editor Selection Mapping - Maps native browser selection ranges to internal editor positions, including support for the Shadow DOM.
• State Change Triggers - Executes specific logic via triggers whenever the internal editor state is updated.
• Structural Navigation - Allows traversing the document node hierarchy using familial relationships to locate specific content.
• Chat Input Composers - Implements a lightweight input field optimized for conversational interfaces and real-time messaging.
• Content Block Editors - Supports creating a writing experience where content is organized into movable blocks with slash-command shortcuts.
• Editor Components - Provides a set of editor components that wrap APIs and plugins for modular assembly of the interface.
• Editor State Listeners - Provides mechanisms to track real-time updates to the editor state to synchronize external UI components.
• Rich Input Extensions - Provides a compact text field that supports basic formatting while maintaining the behavior of a standard input.
• Selection Mapping Layers - Translates native browser DOM selection ranges into internal coordinates to decouple the view from the data model.
• Update Batching - Implements update batching to group multiple document changes into single transactions for improved performance.
• Content Insertion Utilities - Includes functions for programmatically injecting nodes or raw text at the current caret position.
• Presence Tracking - Tracks and displays real-time user presence within shared documents using client identifiers.
• Virtual DOM Reconciliation - Uses reconciliation strategies to diff internal state against the DOM and minimize browser mutations.
• React Editors - Extensible text editor framework for React.
• 富文本编辑器/Markdown编辑器/Markdown解析器 - Listed in the “富文本编辑器/Markdown编辑器/Markdown解析器” section of the Awesome Frontend awesome list.

Star history