Filament HUB
Hero background

Rich Text Editors

Filament v4 revolutionizes content creation with its modern TipTap-powered editor, replacing the previous Trix implementation with a more flexible and extensible rich text editing experience. The new editor offers superior performance, custom content blocks, and powerful plugin architecture that transforms how users create and manage rich content. From simple text formatting to complex drag-and-drop content blocks and custom extensions, the rich editor provides enterprise-grade functionality while maintaining an intuitive interface that content creators love.

# TipTap integration

TipTap integration

The new rich editor uses TipTap as its foundation, providing a modern and highly customizable editing experience. Unlike the previous Trix-based editor, TipTap offers better performance, superior extensibility, and modern JavaScript architecture that makes content creation faster and more reliable.

use Filament\Forms\Components\RichEditor;

RichEditor::make('content')
    ->required()
    ->columnSpan(2)

# Markdown Editor

Markdown Editor

For developer-focused content and documentation writing, the Markdown Editor provides a clean writing experience with live preview capabilities. Perfect for technical documentation, blog posts, and content that requires version control. The editor supports syntax highlighting, drag-and-drop images, and table creation while maintaining the simplicity of markdown syntax.

use Filament\Forms\Components\MarkdownEditor;

MarkdownEditor::make('content')
    ->required()
    ->columnSpan(2)
    ->helperText('Supports Markdown syntax with live preview')