awesome-repositories.com
المدونة
MCP
awesome-repositories.com

اكتشف أفضل مستودعات المصادر المفتوحة باستخدام بحث مدعوم بالذكاء الاصطناعي.

استكشفعمليات بحث منسقةبدائل مفتوحة المصدربرمجيات ذاتية الاستضافةالمدونةخريطة الموقع
المشروعحولكيفية ترتيب النتائجالصحافةخادم MCP
قانونيالخصوصيةالشروط
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·
yoopta-editor avatar

yoopta-editor/Yoopta-Editor

0
View on GitHub↗
3,045 نجوم·221 تفرعات·TypeScript·MIT·6 مشاهداتyoopta.dev↗

Yoopta Editor

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.

Features

  • Block-Based Data Models - Utilizes a structured hierarchy of independent content blocks and inline elements as the core data model.
  • Plugin-Based Editor Extensibility - Implements a highly extensible plugin system for defining custom content blocks and editor behavior.
  • Block Editor Compositions - Provides a framework for assembling customizable editors by registering structured content blocks and widgets.
  • Real-time Collaborative Editors - Provides real-time multi-user synchronization of editor state and remote cursor tracking.
  • Rich Text Authoring - Supports creating structured documents with integrated tables, code blocks, and mathematical expressions.
  • Multi-Format Exports - Exports editor state into multiple distinct formats including HTML, Markdown, plain text, and structured JSON.
  • Block Data Schemas - Generates structured data objects and metadata schemas for blocks prior to their insertion into the document.
  • Hierarchical Heading Generation - Provides titled block types to establish a hierarchical document structure.
  • Document State Management - Manages the retrieval and replacement of the current document state and emptiness verification.
  • Block-Based Content Modification - Provides programmatic interfaces for modifying block metadata such as alignment and depth.
  • Structured Table Editors - Provides an administrative interface for building tabular structures, including inserting, deleting, and resizing rows and columns.
  • Atomic Document Transforms - Groups multiple block or element changes into single atomic transforms to ensure consistent document updates.
  • Content Change Tracking - Provides a system for tracking content state changes and operation lists as a document is edited.
  • Editor Slash Commands - Provides a keyboard-driven slash command interface for inserting various content blocks into the editor.
  • Hyperlink Management - Provides tools for inserting and managing inline links and link blocks.
  • Collaboration History Management - Manages undo and redo operations that allow users to revert local changes without affecting collaborators.
  • Headless Architectures - Decouples document state and logic from the visual layer to allow fully custom UI implementations.
  • JSON-Based Document Engines - Utilizes a JSON-based document engine to manage editor state and facilitate multi-format serialization.
  • Hook-Based Plugin Systems - Uses a registry of plugins and lifecycle hooks to define new block types and commands.
  • Sync Conflict Resolution - Ensures state convergence across multiple users using conflict-resolution mechanisms for real-time synchronization.
  • Undo-Redo Management - Implements a history stack for the reversion and reapplication of document changes via undo and redo operations.
  • Content Block Editors - Provides contextual floating buttons and menus for managing and transforming structured content blocks.
  • Block Data Retrieval - Implements efficient fetching of block metadata and internal content via IDs or positional indices.
  • Block Merging Operations - Provides the ability to combine a source block into a target block while preserving content.
  • Block Nesting Management - Allows users to increase or decrease block depth to create visually nested hierarchies.
  • Block Order Management - Allows changing a block's position within the document by assigning a new order index.
  • Block Splitting Operations - Enables the division of a single block into two separate blocks at the current cursor position.
  • Block Type Conversion - Allows transforming a block from one type to another while preserving the existing text content.
  • Editor Plugins - Offers an extensible plugin system to define new content blocks, text marks, and rendering logic.
  • Editor UI Components - Provides a set of reusable UI components for building toolbars, menus, and other editor interface elements.
  • Focus Management - Provides programmatic control over keyboard focus and interaction states for specific blocks and nodes.
  • Editor Image Uploaders - Supports adding images via uploads or URLs with resizing and responsiveness controls.
  • Real-Time Collaborative Editing - Synchronizes document state across multiple users with remote cursors and real-time conflict resolution.
  • Rich Text Editors - Provides a headless framework for building document editors based on a structured block-based data model.
  • Headless Frameworks - Separates core document state management and editing logic from the visual presentation layer.
  • Rich Media Document Handling - Provides a system for integrating non-editable media blocks and metadata within a structured text stream.
  • Rich Text WYSIWYG Editors - Provides a visual editing interface for creating structured documents with complex layouts.
  • Text Formatting Tools - Provides utilities for applying stylistic marks like bold, italic, and underline to text.
  • Table Data Serializers - Transforms HTML table tags into editor elements and serializes tabular data into Markdown.
  • Content Discovery & Organization - Organizes related information into switchable sections for toggling between different content views.
  • Text Style Definitions - Provides the ability to define unique text formatting styles with custom rendering components.
  • Inline File Embedding - Supports uploading files to a server and embedding them as interactive blocks with metadata.
  • Dynamic List Generators - Generates bulleted, numbered, and checkable todo lists to organize structured document content.
  • HTML Serialization - Converts structured internal code block representations into HTML, Markdown, or email-compatible text strings.
  • Image Serializers - Converts image elements into standard HTML tags or Markdown syntax for document export.
  • Cell Range Selection - Implements visual highlighting of cell ranges within tables for bulk operations.
  • Mention Systems - Provides a searchable dropdown for selecting and inserting entities like people or channels.
  • Undo-Redo State History - Tracks document changes as atomic operations in a history stack to support local undo and redo.
  • Dynamic Plugin Registrations - Supports registering and unregistering plugins at runtime to dynamically modify available block types.
  • Editor Event Handlers - Implements listeners for state changes and user actions to trigger custom logic via an event-driven API.
  • Video Embeddings - Provides tools for integrating external video content from hosting platforms directly into the editor.
  • LaTeX Math Rendering - Embeds LaTeX mathematical expressions into text blocks that render as formatted math.
  • Plugin Extenders - Allows for the creation of complex content structures through nested and extended plugins.
  • Collapse Sections - Provides interactive accordion blocks that allow users to toggle the visibility of content sections.
  • Theme Mappings - Maps headless logic to pre-styled UI components through a theme provider for standardized appearance.
  • Custom Block Definitions - Allows replacing default paragraph displays with custom components to implement features like character counters.
  • Content Embedding Tools - Integrates media from external platforms by detecting URLs and rendering responsive containers.
  • Email - Transforms complex editor sections into table-based layouts to ensure consistent rendering across various email clients.
  • Mathematical Expression Serializers - Serializes mathematical expressions into HTML, Markdown, and email-compatible formats for consistent rendering.
  • Custom Text Marks - Enables the creation of unique text formatting styles with specialized render logic.
  • Table Rendering Overrides - Supports the override of default table, row, and cell visuals using custom React components.
  • Drag-and-Drop Row Reorderers - Implements a visual drag-and-drop interface for rearranging the sequence of content blocks.
  • Editor Themes - Implements CSS-based theme mapping and variable overrides for customizing the visual appearance of the editor.
  • Property Editing Panels - Provides a dedicated options panel for editing properties of elements like links and images.
  • Floating Action Buttons - Ships action buttons that float above content blocks on hover to provide quick access to context-specific controls.
  • Floating Toolbars - Implements a contextual floating toolbar that appears automatically when text is selected for quick formatting.
  • Photo and Video Uploads - Implements the transmission of video files and thumbnails to server-side API endpoints.
  • Cell Merging - Allows for merging, splitting, and clearing of table cells while managing alignment and background colors.
  • HTML Content Processing - Provides utilities for parsing and synchronizing collapsible blocks between raw HTML and the structured document model.
  • Sequential Instruction Lists - Implements numbered, step-by-step lists with the ability to dynamically add or remove instructional items.
  • Pluggable Image Uploaders - Allows transmitting image files to specified API endpoints or custom functions for cloud storage.
  • Image Rendering Overrides - Supports replacing the default image block representation with custom React components.
  • Syntax Highlighters - Renders code blocks with configurable themes and support for multiple programming languages.
  • Tabbed Containers - Provides the ability to override the visual layout and appearance of tabbed content containers.
  • Mentioning Systems - Defines custom visual styles and interactive dropdowns for mentioning entities within the editor.
  • CSS Variable Override Themes - Utilizes CSS variables and tokens to override the visual appearance and color palette of the interface.
  • Visual Themes - Attaches pre-styled UI components to headless plugins to standardize the application's visual identity.
  • Presence Indicators - Displays active users and the specific blocks they are editing via visual indicators and remote cursors.
  • Structured Document Serialization - Converts internal structured block data into HTML, Markdown, and JSON using a defined mapping system.

سجل النجوم

مخطط تاريخ النجوم لـ yoopta-editor/yoopta-editorمخطط تاريخ النجوم لـ yoopta-editor/yoopta-editor

بحث بالذكاء الاصطناعي

استكشف المزيد من المستودعات الرائعة

صف ما تحتاجه بلغة بسيطة — وسيقوم الذكاء الاصطناعي بترتيب آلاف المشاريع مفتوحة المصدر المنسقة حسب الصلة.

Start searching with AI

الأسئلة الشائعة

ما هي وظيفة yoopta-editor/yoopta-editor؟

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.

ما هي الميزات الرئيسية لـ yoopta-editor/yoopta-editor؟

الميزات الرئيسية لـ yoopta-editor/yoopta-editor هي: Block-Based Data Models, Plugin-Based Editor Extensibility, Block Editor Compositions, Real-time Collaborative Editors, Rich Text Authoring, Multi-Format Exports, Block Data Schemas, Hierarchical Heading Generation.

ما هي البدائل مفتوحة المصدر لـ yoopta-editor/yoopta-editor؟

تشمل البدائل مفتوحة المصدر لـ yoopta-editor/yoopta-editor: mycolorway/simditor — Simditor is a JavaScript-based rich text editor and WYSIWYG HTML editor designed for creating structured documents… ckeditor/ckeditor4 — CKEditor 4 is a browser-based WYSIWYG rich text editor that enables users to create and format HTML content directly… facebook/lexical — Lexical is a modular rich text editor framework used to build extensible web-based editors. It functions as a… toeverything/blocksuite — BlockSuite is a collaborative block editor framework built on a hierarchical block tree data model with CRDT-based… eigenpal/docx-editor — This project is a document editing framework designed for web applications, providing a visual interface for modifying… wagtail/wagtail — Wagtail is an open-source content management system built on the Django web framework. It provides a structured,…

بدائل مفتوحة المصدر لـ Yoopta Editor

مشاريع مفتوحة المصدر مشابهة، مرتبة حسب عدد الميزات المشتركة مع Yoopta Editor.
  • mycolorway/simditorالصورة الرمزية لـ mycolorway

    mycolorway/simditor

    5,006عرض على GitHub↗

    Simditor is a JavaScript-based rich text editor and WYSIWYG HTML editor designed for creating structured documents within web applications. It functions as a web-based media editor and HTML content sanitizer, allowing users to compose and format content visually. The project distinguishes itself through an integrated system for handling media and security. It features server-side image upload capabilities that support both local file selection and clipboard pasting, alongside a whitelist-based HTML markup filtering system to ensure consistent and secure output. The editor provides broad capa

    JavaScriptcoffeescriptjavascriptrich-text-editor
    عرض على GitHub↗5,006
  • ckeditor/ckeditor4الصورة الرمزية لـ ckeditor

    ckeditor/ckeditor4

    5,817عرض على GitHub↗

    CKEditor 4 is a browser-based WYSIWYG rich text editor that enables users to create and format HTML content directly in the browser. It operates on a plugin-based architecture with a configurable toolbar system, DOM-based content editing, and an event-driven lifecycle, all delivered through a CDN-based distribution model. The editor supports skin-based theming and includes a legacy plugin compatibility layer for backward compatibility. The editor distinguishes itself as a cross-platform framework that integrates natively with Angular, React, Vue, Electron, Android, and iOS environments. It of

    Rich Text Formatckeditorckeditor4contenteditable
    عرض على GitHub↗5,817
  • facebook/lexicalالصورة الرمزية لـ facebook

    facebook/lexical

    23,562عرض على GitHub↗

    Lexical is a modular rich text editor framework used to build extensible web-based editors. It functions as a state-driven content editor that maintains a serializable, immutable snapshot of document content to ensure predictable updates and accessibility compliance. The framework is distinguished by its plugin-based architecture and customizable node framework, which allow developers to extend editor behavior through specialized content nodes and encapsulated runtime logic. It also includes a collaborative editing engine capable of synchronizing document state across multiple clients in real

    TypeScript
    عرض على GitHub↗23,562
  • toeverything/blocksuiteالصورة الرمزية لـ toeverything

    toeverything/blocksuite

    5,544عرض على GitHub↗

    BlockSuite is a collaborative block editor framework built on a hierarchical block tree data model with CRDT-based state synchronization for real-time multi-user editing. It provides an extensible block component system, allowing developers to define custom block types through declarative schemas, services, and rendering components. The editor is packaged as cross-framework web components, making it embeddable in any JavaScript environment. The framework distinguishes itself with a command-driven editing pipeline that composes type-safe editing actions with dynamic context sharing and control

    TypeScriptblockblock-editorcollaboration
    عرض على GitHub↗5,544
عرض جميع البدائل الـ 30 لـ Yoopta Editor→