eramitgupta/text-editor-vue

This repository provides a rich text editor component for Vue 3, written in TypeScript. A rich text editor lets users format text with headings, colors, lists, images, and tables, similar to what you would find in a word processor or email composer. The package is designed to work without pulling in any external editor library, relying instead on built-in browser capabilities. The only companion it requires is Vue itself. The editor covers a wide range of formatting needs. Users can apply headings, change fonts and colors, create blockquotes, and work with bulleted or numbered lists. It supports undo and redo history, copy and paste operations, and link insertion with validation. For more structured content, there are tools for creating and editing tables, including cell merging, borders, and keyboard navigation between cells. Media handling is built in as well. Users can upload images through file selection, drag-and-drop, or pasting, with options for resizing and alignment. The editor also supports embedded video and audio, including sanitized iframe embeds. A mentions feature allows asynchronous or static suggestions when someone types the at symbol, and merge tags let applications insert dynamic placeholders into the content. Reusable templates can be configured and inserted at the cursor position. Configuration is reactive, meaning the toolbar, menus, formats, colors, and other options can be adjusted at runtime. The component exposes a full Vue API with typed props, events, slots, and methods. It also includes accessibility features such as screen reader labels, keyboard navigation, and focus management. Paste cleanup removes unsafe attributes and normalizes content pasted from Word or Google Docs, and HTML sanitization strips scripts and unsafe URLs. The project provides detailed documentation covering installation, configuration, examples, and the full API on its website.