{"repo":"Samyssmile/notectl","free":true,"listed":false,"github":"https://github.com/Samyssmile/notectl","clone":"git clone https://github.com/Samyssmile/notectl.git","description":"Modern Accessible WYSIWYG rich text editor built as a framework-agnostic Web Component that works everywhere.","language":"TypeScript","stars":175,"topics":["angular","contenteditable","editor","react","rich-text-editor","svelte","typescript","vue","web-components","wysiwyg"],"license":"MIT","category":"ui-components","readme_excerpt":"notectl Rich text editing as a Web Component Build a real editor in plain HTML, React, Vue, Svelte, or Angular without locking yourself into a framework-specific editor runtime. Documentation  ·  Playground  ·  npm: @notectl/core  ·  npm: @notectl/angular What you get - A framework-agnostic editor shipped as the notectl-editor custom element - Immutable editor state and transaction-based updates - A plugin system for headings, lists, links, tables, code blocks, images, fonts, and more - CSP-safe styling with adoptedStyleSheets - A fast path for \"just give me a full editor\" and a granular path for \"I only want these plugins\" In a team collaboration app notectl is built to live inside real products. Here it powers the card description editor in a Trello-style board, sitting naturally next to checklists, due dates, labels, and assignees: Because the editor is a Web Component, dropping it into an existing card, ticket, or comment surface is just mounting one custom element. You get a full rich-text toolbar, keyboard shortcuts, and accessible markup without pulling a framework-specific editor runtime into your app. Install Requirements: - Modern browser with Custom Elements support - Node.js 18+ for build tooling - Angular 21+ if you use @notectl/angular Quick start The normal way to embed notectl is to create the Web Component with createEditor(...) and mount it into your app. 1. Add a host element 2. Create the editor Start with","default_branch":null,"files":null,"tree":[],"storefront":"/r/Samyssmile","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/Samyssmile/notectl/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}