Rich Text Editor
Pro Features
Unlock advanced capabilities with the Pro version
AI-Powered Writing
Built-in AI commands for content generation, improvement, and translation
TipTap Foundation
Built on TipTap v2 for reliable and extensible editor foundation
Advanced Color Picker
Full HSL, RGB, HEX color support for text and backgrounds
Table Editor
Create and edit tables with custom size selection and formatting
Slash Commands
Quick formatting and AI features with intuitive slash commands
Source View
Switch between WYSIWYG and HTML source view for direct control
AI-Powered Features
Enhance your workflow with intelligent automation
Multiple AI Providers
Supports OpenAI, Claude, Gemini, and Cohere with easy provider switching
AI Slash Commands
Type / to access AI commands like /continue, /improve, /translate, /summarize
Smart Translation
Translate content to 20+ languages with context awareness
Content Enhancement
Improve writing quality, fix grammar, change tone, and expand ideas
Secure API Storage
API keys stored securely in localStorage with optional persistence
Real-time Processing
Typewriter effect for AI responses with preview before applying
Installation
Install via CLI
moonui add rich-text-editorUsage
Examples
Basic Rich Text Editor
A simple rich text editor with essential formatting options
AI-Powered Editor with Multiple Providers
Rich text editor with AI assistance, slash commands, and support for OpenAI, Claude, Gemini, and Cohere
Advanced Color Features
Rich text editor with advanced color picker for text and background colors
Tables and Media Integration
Rich text editor with table creation and media support
Source View Mode
Rich text editor with HTML source view for developers