Rich Text Editor
A powerful WYSIWYG rich text editor built on TipTap with advanced features including AI integration, color picker, table support, and customizable toolbar
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
npx @moontra/moonui-cli add rich-text-editorUsage
Examples
Basic Rich Text Editor
A simple rich text editor with essential formatting options
Blog Post Composer (Real-World Composition)
The editor composed with real MoonUI form components — Input, Label, Badge, Button and Card — in a CMS-style publishing flow with title, tags and publish actions
New Blog Post
A CMS-style publishing form: title, rich text content, tags and publish actions.
AI-Powered Editor with Multiple Providers
Rich text editor with AI assistance and slash commands — this demo is configured with the Claude provider; OpenAI, Gemini, and Cohere are supported the same way
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