Как настроить и работать с текстовым редактором  Rich editor в Filament Form Builder
Инструкция по работе с текстовым редактором Rich editor в Filament Form Builder

Laravel Filament Form Builder Поле формы «Текстовый он-лайн редактор HTML» (Rich editor)



Обзор встраиваемого текстового редактора HTML в Filament Form Builder

С помощью встраиваемого в Filament Form Builder текстового редактора можно редактировать и просматривать HTML-контент, а также загружать изображения.

use Filament\Forms\Components\RichEditor;
 
RichEditor::make('content')

С помощью встраиваемого в Filament Form Builder текстового редактора можно редактировать и просматривать HTML-контент

Настройка кнопок панели инструментов текстового редактора HTML

Кнопки панели инструментов редактора можно установить с помощью метода toolbarButtons(). Параметры, показанные ниже, являются значениями по умолчанию. В дополнение к ним также доступна опция 'h1':

use Filament\Forms\Components\RichEditor;
 
RichEditor::make('content')
    ->toolbarButtons([
        'attachFiles',
        'blockquote',
        'bold',
        'bulletList',
        'codeBlock',
        'h2',
        'h3',
        'italic',
        'link',
        'orderedList',
        'redo',
        'strike',
        'underline',
        'undo',
    ])

В качестве альтернативы можно отключить определенные кнопки с помощью метода disableToolbarButtons():

use Filament\Forms\Components\RichEditor;
 
RichEditor::make('content')
    ->disableToolbarButtons([
        'blockquote',
        'strike',
    ])

Чтобы отключить все кнопки панели инструментов, задайте пустой массив с помощью toolbarButtons([]) или используйте disableAllToolbarButtons().

Загрузка изображений в текстовый редактор HTML Filament Form Builder

С помощью настроек можно определить, как загружать изображения:

use Filament\Forms\Components\RichEditor;
 
RichEditor::make('content')
    ->fileAttachmentsDisk('s3')
    ->fileAttachmentsDirectory('attachments')
    ->fileAttachmentsVisibility('private')

Перевод с английского официальной документации Filament:
https://filamentphp.com/docs/3.x/forms/fields/rich-editor

Заберите ссылку на статью к себе, чтобы потом легко её найти!
Раз уж досюда дочитали, то может может есть желание рассказать об этом месте своим друзьям, знакомым и просто мимо проходящим?
Не надо себя сдерживать! ;)

Старт! Горячий старт на просторы интернета
Старт! Горячий старт на просторы интернета
Старт! Меню