RichEditor

The rich editor component provides a WYSIWYG editing experience using TipTap.

Basic Usage

use Filament\Forms\Components\RichEditor;

RichEditor::make('content')

Available Methods

Sets which toolbar buttons are available.

RichEditor::make('content')
    ->toolbarButtons([
        'bold',
        'italic',
        'underline',
        'strike',
        'link',
        'bulletList',
        'orderedList',
        'h2',
        'h3',
        'blockquote',
        'codeBlock',
    ])

Disables specific toolbar buttons.

RichEditor::make('content')
    ->disableToolbarButtons(['codeBlock', 'strike'])

method

Sets the disk for file attachments.

RichEditor::make('content')
    ->fileAttachmentsDisk('s3')

method

Sets the directory for file attachments.

RichEditor::make('content')
    ->fileAttachmentsDirectory('attachments')

method

Sets visibility for file attachments.

RichEditor::make('content')
    ->fileAttachmentsVisibility('private')

method

Disables Grammarly.

RichEditor::make('content')
    ->disableGrammarly()

method

Sets maximum content width.

RichEditor::make('content')
    ->maxContentWidth('5xl')

Common Patterns

Blog Post Editor

RichEditor::make('content')
    ->toolbarButtons([
        'bold',
        'italic',
        'link',
        'bulletList',
        'orderedList',
        'h2',
        'h3',
        'blockquote',
    ])
    ->fileAttachmentsDisk('public')
    ->fileAttachmentsDirectory('blog-attachments')
    ->required()

Simple Editor

RichEditor::make('description')
    ->toolbarButtons([
        'bold',
        'italic',
        'link',
        'bulletList',
    ])
    ->maxContentWidth('full')

Full-Featured Editor

RichEditor::make('content')
    ->fileAttachmentsDisk('s3')
    ->fileAttachmentsDirectory('documents')
    ->maxContentWidth('5xl')
    ->required()

Form Components

Table Components

Layout Components

Infolist Components

Basic Usage

Available Methods

Common Patterns

Blog Post Editor

Simple Editor

Full-Featured Editor

​Basic Usage

​Available Methods

​Common Patterns

​Blog Post Editor

​Simple Editor

​Full-Featured Editor

Basic Usage

Available Methods

Common Patterns

Blog Post Editor

Simple Editor

Full-Featured Editor