aw codes icon logo
Docs Hub

Search across every project.

Richer Editor Switch project

A collection of extensions and tools to enhance the Filament Rich Editor field.

2.x Current

On this page

Richer Editor

Richer Editor is a collection of plugins, tools and helpers for Filament's RichEditor field. Each piece is opt-in — you register only the plugins you want, and add their toolbar buttons yourself.

It covers three areas:

  • In the editor — extra plugins (embeds, emoji, slash menu, full screen, source editing, syntax-highlighted code blocks), nested toolbar dropdowns, and tools for authoring.
  • When rendering — macros on Filament's RichContentRenderer for linked headings, Markdown output and server-side code highlighting, plus a table-of-contents builder.
  • While developing — a rich content faker for seeders and tests, and a debug tool for inspecting editor state.

Where to go next

  • Installation — install the package and import its CSS.
  • Plugins — what each plugin adds and how to register it.
  • Tools — toolbar dropdowns, editor height and prebuilt tools.
  • Code blocks — syntax highlighting in the editor and in rendered output.
  • Rendering — linked headings, Markdown, and a table of contents.
  • Rich content faker — generate realistic content for seeders and tests.