For inline editing components, the strongest matches are quilljs/quill (Quill is a modular rich text editor library that), wangeditor-team/wangeditor (wangEditor is a JavaScript-based rich text editor suitable for) and jaredreich/pell (Pell is a dependency-free vanilla JavaScript rich text editor). margox/braft-editor and slab/quill round out the shortlist. Each is ranked by relevance to your query, popularity and recent activity.
Hand-picked open-source inline editing components for faster UI development, ranked by GitHub stars, activity, and features. Compare and pick the right one.
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
Quill is a modular rich text editor library that can be configured for in-page editing, though it primarily functions as a standalone WYSIWYG editor rather than a dedicated inline-edit component.
wangEditor is a JavaScript-based web rich text editor and WYSIWYG interface used for composing formatted documents directly in a browser. It serves as a client-side editing component for web applications to handle document styling and content manipulation. The editor is built as a plugin-based engine, allowing new features and formatting capabilities to be added through a registration interface. It utilizes a schema-driven approach to validate HTML tags and attributes, ensuring clean and consistent document output. The project provides tooling for content management systems, frontend text in
wangEditor is a JavaScript-based rich text editor suitable for in-page document composition, though it operates primarily as a standalone WYSIWYG editor rather than a dedicated click-to-edit inline component.
Pell is a JavaScript text editor library and browser-based rich text editor. It provides a lightweight WYSIWYG HTML editor for formatting styled text and outputting HTML directly within a web browser. The library is a dependency-free vanilla implementation that uses standard Web APIs. It allows for the definition of custom editor actions and text actions to extend the toolbar and the creation of custom visual themes to modify the editor appearance. The editor covers rich text editing and browser-based text formatting, including the application of bold, italic, headings, and lists. It also su
Pell is a dependency-free vanilla JavaScript rich text editor that operates directly within the browser view, though it focuses more on WYSIWYG formatting toolbar actions rather than inline click-to-edit triggers or auto-save.
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
Braft Editor is a React-based rich text editor component for in-page document composition and formatting, though it focuses on full WYSIWYG editing rather than lightweight inline click-to-edit interactions.
Quill is a modular, web-based rich text editor designed for structured content authoring. It provides a comprehensive toolkit for building tailored editing experiences, allowing developers to manage document state, handle user input, and synchronize content through a predictable, serializable data model. The editor distinguishes itself through a custom document abstraction that maps the browser DOM to a structured tree of nodes, ensuring consistent behavior across different environments. It utilizes an operational change tracking system that represents all document modifications as a sequence
Quill is a powerful rich text editor providing core features like keyboard shortcuts and customizable modules, though it functions primarily as a standalone editor rather than out-of-the-box inline click-to-edit.
Editor.js is a block-style rich text editor that organizes document content into an ordered array of independent, modular data objects. By replacing monolithic HTML strings with a structured, machine-readable JSON format, it decouples the content creation process from the final presentation layer. The editor functions as a browser-based orchestration layer that manages user input, focus, and state synchronization across individual blocks. Its architecture is built on a plugin-driven system where external modules register themselves to handle specific content types, providing custom rendering
Editor.js is a block-style rich text editor with a modular architecture and structured JSON output, making it well-suited for embedding direct editing capabilities into web pages.
This project is a browser-based JavaScript library that transforms standard web elements into inline, WYSIWYG rich text editing areas. It functions as a programmatic wrapper around the native browser content-editable attribute, providing a structured interface for managing text input, media embedding, and document formatting directly within existing page layouts. The editor is distinguished by its contextual floating toolbar, which dynamically appears based on user text selection to provide relevant formatting options. It utilizes a plugin-based architecture that allows developers to inject c
This browser-based JavaScript library provides inline, WYSIWYG rich text editing directly within page elements using a contextual floating toolbar, satisfying the core inline editing requirement though it lacks built-in auto-save functionality.
Trix is a rich text editor and WYSIWYG text component designed for composing and formatting documents with inline styling and block elements. It functions as an HTML content editor that manages and sanitizes input to ensure a secure and consistent document structure, while serving as a document state manager that tracks edit history and persists serialized state. The editor integrates directly with standard HTML forms, converting rich text into data for submission. It features a configurable sanitization engine that cleanses input HTML to remove unsupported tags and mitigate security risks.
Trix is a rich text editing component that integrates directly into page views for document composition, though it focuses more on traditional WYSIWYG authoring than lightweight inline click-to-edit workflows.
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
Trumbowyg is a lightweight JavaScript rich-text editor that enables in-browser HTML authoring, serving as a solid tool for direct page-view content editing despite lacking native auto-save and framework-agnostic web component support.
ContentTools is a JavaScript framework and suite of tools for building visual WYSIWYG editors. It provides a DOM manipulation library for parsing and transforming HTML strings into structured editable regions, alongside a visual document orchestrator that manages element behaviors and state transitions. The framework includes a specialized browser selection manager to ensure consistent caret positioning and text range highlighting across different web browsers. It also features an HTML content validator used to sanitize output and convert third-party media links into valid embed formats. The
ContentTools is a JavaScript WYSIWYG editor library that enables users to edit HTML content directly on the page, fitting the core inline editing requirement although it focuses more on full visual document editing than lightweight form replacement.
x-editable is a jQuery in-place editing library that converts static content into editable fields. It functions as an inline content editor, allowing updates to be made directly on a webpage without the need for page navigation. The library includes a customizable input renderer that supports diverse formats such as text fields, date pickers, and rich text editors. It also features a client-side input validator to verify edited values against specific rules before changes are committed. The toolkit integrates with UI frameworks including Bootstrap and jQuery UI. It provides configurable inte
This jQuery-based library enables direct in-place text editing on web pages with diverse input formats and validation, matching the search for inline editing components despite relying on jQuery rather than being fully framework-agnostic.
This project is a modular rich text editing component for React applications, built on the ProseMirror framework. It provides a visual interface for composing and formatting content using markdown, while maintaining a structured document model that serializes back into clean markdown code. The editor is designed for high extensibility, allowing developers to inject custom behaviors and formatting commands through a plugin-driven architecture. It supports granular control over the editing environment, including the ability to override default styles, localize interface text, and configure spec
This project is a rich text editing component built on ProseMirror that supports modular markdown authoring, though it is specifically tailored as a React-based editor rather than a general-purpose lightweight inline-editing field.
Editable Website is a content management system built with Svelte that enables direct inline editing of static web pages without needing a database. It functions as a Git-backed web content editor and a component-based static site builder, storing all website text, configuration, and files in local Git repositories to ensure full data ownership and local version control. The platform supports in-browser content management, allowing users to modify text, format styles, and compose structured page layouts using interactive blocks, drag-and-drop interactions, and keyboard shortcuts. Additional
This repository provides a Svelte-based inline editing solution that lets you modify content directly on the page, matching the requested capability even though it is tied to a specific framework rather than being fully framework-agnostic.
| Dépôt | Stars | Langage | Licence | Dernier push |
|---|---|---|---|---|
| quilljs/quill | 47.2K | TypeScript | BSD-3-Clause | |
| wangeditor-team/wangeditor | 18.4K | TypeScript | MIT | |
| jaredreich/pell | 12.1K | JavaScript | MIT | |
| margox/braft-editor | 4.6K | JavaScript | MIT | |
| slab/quill | 47.2K | TypeScript | BSD-3-Clause | |
| codex-team/editor.js | 31.5K | TypeScript | apache-2.0 | |
| yabwe/medium-editor | 16.1K | JavaScript | NOASSERTION | |
| basecamp/trix | 20K | JavaScript | MIT | |
| alex-d/trumbowyg | 4.1K | JavaScript | MIT | |
| getmeuk/contenttools | 4K | JavaScript | MIT |