Text Editor
Lightweight rich-text editor with formatting, lists, links and live word count.
Technologies
ReactTypeScriptTailwind CSS
About The Project
A lightweight, distraction-free rich-text editor for the web. It gives writers the formatting tools they actually use, without the weight of a full word processor, and keeps their work safe with autosave.
Key Features
- ✓Bold, italic, underline and strikethrough formatting
- ✓Headings, bullet and numbered lists, and block quotes
- ✓Links and text highlighting
- ✓Undo and redo history
- ✓Live word and character count with autosave
Project Challenges
Rich-text editing in the browser is tricky: selections, nested formatting and undo history have to behave predictably. Keeping the editor's state in sync with what the user sees, without lag on longer documents, took careful state design.