30 open-source projects similar to jungwoo-an/react-editor-js, ranked by shared indexed features. Tags may describe platforms or build tools rather than the same primary purpose. Check each project’s use case, license, and deployment requirements before treating it as a replacement.
Trumbowyg is a lightweight JavaScript WYSIWYG editor used to create and format rich-text and HTML content directly within a web browser. It serves as a client-side tool for generating semantic HTML markup and authoring web content. The project features a modular, plugin-based architecture that allows for the addition of new formatting commands and toolbar buttons. It provides a configurable interface where the toolbar layout can be customized via a predefined array and labels can be translated through localization files. The editor covers a wide range of content manipulation capabilities, in
sir-trevor-js is a modular block-based rich text editor and content framework. It functions as a customizable WYSIWYG editor that transforms visual input into a structured JSON content framework, storing documents as a tree of independent data blocks rather than flat HTML strings. The system is distinguished by its focus on structured content management, allowing users to define custom block types, set block constraints, and implement schema-based content validation. It provides a plugin system for extending the editor with specialized content types and uses event-driven lifecycle hooks to ex
Notion-style WYSIWYG editor with AI-powered autocompletion.
This project is a framework for building real-time collaborative rich-text editing environments. It provides a structured, schema-based engine that enforces document integrity while allowing multiple users to modify content simultaneously through synchronized state management and conflict resolution protocols. The editor distinguishes itself through a highly modular plugin architecture that supports the integration of complex, interactive UI components built with external frontend libraries. By utilizing a custom rendering engine and a versioned, immutable document state tree, it enables deve
Slate is a customizable rich text editor framework that treats documents as a recursive tree of nodes. It functions as a schema-based, state-driven system designed to enforce structural constraints and manage nested components within a structured document model. The framework utilizes a plugin-based architecture to extend editor functionality, allowing for the injection of custom logic into the rendering and transformation pipeline. It supports real-time collaborative editing by synchronizing document operations across multiple users. The system covers a broad range of capabilities, includin
wysihtml5 is an HTML5 rich text editor, HTML sanitizer, and content normalization tool. It is designed to generate semantic and valid HTML5 markup while preventing the use of invalid tags and inline styles. The project distinguishes itself through a content normalization pipeline that converts pasted external content into a consistent document structure. It employs a security layer using sandboxed iframes to parse and clean external content to prevent vulnerabilities. The editor provides capabilities for semantic web authoring by replacing styling tags with standardized class names. It also
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
Tiptap is a headless rich text editor framework and extensible WYSIWYG framework designed for building custom text editors. It functions as a high-level wrapper around the ProseMirror toolkit, separating core editing logic and state management from the user interface. The framework enables real-time collaborative editing through a synchronization system using conflict-free replicated data types. It also supports the integration of AI content generation to provide automated suggestions and content refinement directly within the editor. The system utilizes a plugin-based extension architecture
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
TinyMCE is a JavaScript rich text editor and WYSIWYG HTML editor that provides a visual interface for creating and formatting content within web applications. It functions as an extensible editor framework and web content management UI, allowing users to author and style documents through a browser-based interface. The project is distinguished by a plugin-based extension system and a public API that enable the addition of custom capabilities and modifications to the visual interface. It utilizes a framework-agnostic core, providing dedicated integration for React, Vue, and Angular. The syste
This project is a plugin-based WYSIWYG document layout engine and rich text editor that uses Canvas and SVG for rendering. It functions as a collaborative editor utilizing conflict-free replicated data types to enable real-time synchronization across multiple users. The system serves as an interactive form builder, allowing for the embedding of input controls such as checkboxes and date pickers directly into documents. It is designed for high-fidelity output, ensuring the visual representation during editing matches the final format for PDF and image exports. The editor covers broad capabili
Braft Editor is a React-based rich text editor built on Draft.js that provides a framework for content creation and formatting. It functions as a reusable UI component that allows users to compose formatted documents in a WYSIWYG interface and export the resulting content as HTML strings. The project features built-in localization support for multiple languages, including Chinese, Japanese, and Korean. It provides a modular system for extending editor functionality through plugins, custom toolbar mappings, and specialized media entities. The editor covers a broad range of content capabilitie
Quill is a JavaScript rich text editor library used to build WYSIWYG web editors. It serves as a modular editor framework for creating browser-based document authoring tools with a customizable interface and document model. The system functions as a modular content editor, providing a plugin system to extend formatting and embedding capabilities. This allows for the development of specialized text editors through custom modules and formatting plugins. The library covers the implementation of visual content creation interfaces that render formatted text and media in real time. Its primary cap
Firepad is a Firebase collaborative text editor and rich text editor component. It functions as a real-time collaborative framework and operational transformation engine designed to synchronize document editing across multiple concurrent users. The project provides tools for shared document synchronization and collaborative presence tracking, allowing users to see live cursor positions and identifiers. It supports rich text authoring integration for both formatted content and code editing. The system manages document consistency through shared document synchronization and provides capabiliti
This project is a document editing framework designed for web applications, providing a visual interface for modifying files while maintaining compatibility with standard document formats. It functions as both a browser-based rich text editor and a headless processing engine, allowing for the programmatic parsing, manipulation, and generation of document files in server-side environments. The framework distinguishes itself through its integration with external intelligence models, exposing document manipulation functions as standardized tool calls. This enables automated content generation, d
This project is a JavaScript spreadsheet component and web-based data table that provides an interactive grid for managing tabular data. It functions as a cross-framework UI component compatible with React, Vue, and jQuery, and can also be embedded as a standalone web component. The grid is specifically designed for XLSX interoperability, allowing users to import and export XLSX files while preserving formulas and styles. It distinguishes itself through real-time collaboration for simultaneous multi-user editing and a flexible system for creating custom cell editors and specialized column typ
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
Wagtail is an open-source content management system built on the Django web framework. It provides a structured, tree-based approach to content modeling, allowing developers to define custom page types and reusable content components that are managed through a highly customizable administrative interface. The platform distinguishes itself through its flexible, block-based content composition system, which enables editors to assemble complex page layouts dynamically. It also offers robust support for multi-site and multi-lingual environments, allowing organizations to manage distinct websites
BlocksKit is a block-based UI framework and code block extension library designed to build interactive interfaces and component layouts within native application environments. It provides a structured system for defining complex content blocks and interactive elements that exceed standard formatting constraints. The framework includes a native-bridge communication layer that functions as a message bus for asynchronous data exchange between sandboxed guest blocks and a privileged native host. To manage these interactions, a runtime permission manager maps requested block functions to native ca
This project is a React wrapper for the Monaco Editor, providing a set of reusable interface components for embedding full-featured, browser-based code editors and side-by-side difference visualization tools. It enables the integration of a text editor with syntax highlighting and multi-language support directly into web applications. The library includes a dedicated code diff viewer that leverages the Monaco diff engine to visualize changes between two different versions of code snippets. It provides programmatic access to the underlying editor instances and manages the operational lifecycle
react-ace is a React component wrapper for the Ace code editor, designed to embed feature-rich text editing and syntax highlighting into web applications. It provides a browser-based editor that applies language-specific coloring and formatting rules to source code and markup files. The project distinguishes itself through support for specialized keyboard interaction modes, including Vim and Emacs, as well as a side-by-side diff viewer for comparing different file versions. It also functions as a tool for code snippets and live autocompletions to accelerate text entry. The component covers a
React Google Maps API is a component library designed to embed interactive Google Maps and geographic overlays inside React applications using declarative markup. It provides tools for building responsive mapping interfaces within component-based architectures to handle user navigation and location data. The library manages the integration by wrapping imperative mapping library instances inside declarative component lifecycles, translating React updates into the appropriate DOM mutations. It includes an asynchronous script injection loader that tracks and initializes external script dependen
ProseMirror is a rich text editor framework and collaborative editing engine designed for building semantic content editors. It provides a toolkit for creating text interfaces where document structure is governed by a declarative, schema-driven model. The framework enables the development of editors that treat text as structured data rather than simple HTML, ensuring that document content remains semantically consistent through a strict schema. This architecture supports real-time collaborative editing to synchronize document changes across multiple users.
Raycast Extensions is an open-source platform for building and distributing self-contained plugins that integrate with the Raycast desktop application. It provides an extension plugin framework where developers create packages using TypeScript, React, and Node.js, with each extension declaring its commands and permissions through a static manifest. The platform includes a hot-reload development server that watches source files and triggers live UI updates without restarting the host application. The platform distinguishes itself through deep AI integration capabilities, allowing extensions to
Squire is a DOM-based rich text editor and WYSIWYG content editor that treats raw HTML as the source of truth. It functions as a system for manipulating the document object model directly to provide a visual interface for editing complex web content. The project focuses on arbitrary HTML editing, allowing the modification of any HTML content without losing original formatting. It includes tools for HTML content normalization and sanitization to ensure that raw input is cleaned and structured consistently before being rendered as editable nodes. The editor's capability surface covers inline f
Plate is a headless editor toolkit and framework designed for building custom rich text editing experiences. It provides a modular architecture that relies on a plugin-based system to manage document models, schema-driven node definitions, and state updates, allowing developers to assemble tailored content creation environments. The project distinguishes itself through a source-code injection pattern, where pre-built user interface templates and components are copied directly into the local project codebase. This approach ensures that developers maintain full control over the styling, markup,
Draft-js is a framework for building customizable rich text editors within React applications. It serves as a state manager for document content and metadata, providing a system to handle text ranges, atomic blocks, and the conversion of HTML strings into structured document formats. The framework enables the creation of interactive editing interfaces that support custom inline styling and configurable block rendering. It includes tools for managing rich media document handling, allowing the integration of non-editable content and metadata into a text stream. The project covers a broad range
UEditor is a web-based WYSIWYG rich text editor and HTML content authoring tool. It functions as a DOM-based text component that allows users to create and format complex web documents through a visual interface with real-time rendering. The editor enables the creation of rich text content for web applications and content management systems. It manages document state using HTML strings, facilitating the serialization and transfer of data between the browser and server. The system provides capabilities for managing editor content and configuring behavioral parameters through initialization se
Draft-js is a framework for building customizable rich text editors within React applications. It functions as a content editable framework that separates the underlying data model from the visual rendering layer, acting as a rich text content engine to manage complex text data and formatting. The project utilizes an immutable state management system to ensure consistent updates and predictable undo history. It manages editor state through persistent data structures, providing an immutable data state manager to prevent accidental mutation. The framework includes capabilities for high perform
Medium.js is a JavaScript rich text editor library and framework for building what-you-see-is-what-you-get editors. It acts as a lightweight wrapper for the browser contenteditable API, transforming standard elements into styled editors that support rich text formatting and semantic HTML output. The library functions as an HTML content sanitizer, stripping unwanted tags and attributes from typed or pasted content to maintain clean markup. It provides a system for implementing custom keyboard interactions and mapping shortcuts to trigger styling changes or element insertion. The framework cov