<notectl-editor>
A modern rich text editor built as a Web Component with plugin architecture, immutable state, and zero-config framework-agnostic deployment.
What is <notectl-editor>?
notectl is a modern rich text editor built as a Web Component, offering a plugin-based architecture and immutable state management. It solves the problem of framework lock-in by providing a single editor runtime that works seamlessly across React, Vue, Svelte, Angular, and plain HTML environments.
Frontend developers and teams building web applications that require a rich text editor without being tied to a specific JavaScript framework.
Developers choose notectl for its framework-agnostic design, which eliminates the need for framework-specific editor runtimes, and its predictable immutable state management combined with a flexible plugin system for customization.
Overview
notectl is a modern rich text editor designed as a Web Component, enabling seamless integration across any JavaScript framework or plain HTML. It provides a robust plugin system and immutable state management, making it a predictable and flexible choice for web applications.
Key Features
- Framework-Agnostic Web Component — Embeds as a custom element (
<notectl-editor>) and works with React, Vue, Svelte, Angular, or vanilla JS. - Immutable State & Transactions — Uses immutable editor state and transaction-based updates for predictable behavior and easier testing.
- Modular Plugin Architecture — Offers plugins for headings, lists, links, tables, code blocks, images, fonts, and more, with presets for quick setup or granular control.
- CSP-Safe Styling — Leverages
adoptedStyleSheetsfor Content Security Policy compatibility without inline styles. - Responsive Toolbar — Includes a toolbar with configurable groups and overflow behavior for different screen sizes.
Philosophy
notectl prioritizes developer flexibility by providing a strong default setup for rapid integration while maintaining fine-grained control over plugins and behavior, all within a framework-agnostic architecture.
Related Projects
Found a gem we're missing?
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.
