5 production-ready custom Rich Editor blocks in Filament v4

Filament v4 ships a brand-new TipTap-based RichEditor that supports drag-and-drop custom blocks — perfect for structured content like hero banners, FAQs, testimonials and more. Below you’ll find five real-world blocks that are small, auditable and easy to ship today. All examples use Filament v4 APIs (not v3) and follow the official patterns for custom blocks, previews, rendering, and model-level rich-content registration.

What you’ll build

• Hero – simple, content-driven banner with heading, subheading and CTA

• FAQ – accessible accordion using native <details>

• Testimonials – compact grid with quote, author and role

• Callout – contextual info/success/warning/error panel

• Stats – responsive KPI grid

Each block:

• Extends RichContentCustomBlock

• Defines an editor configuration modal with configureEditorAction()

• Returns a lightweight editor preview via toPreviewHtml()

• Returns sanitized frontend HTML via toHtml() and the RichContentRenderer at render-time

0) One-time setup

php artisan make:filament-rich-content-custom-block HeroB...