跳到主要内容
版本:3.0

Markdown 编辑器

概述

Markdown 编辑器允许你编辑和预览 Markdown 内容,同时可以使用拖拽上传图片:

use Filament\Forms\Components\MarkdownEditor;

MarkdownEditor::make('content')
Markdown editor

自定义工具栏按钮

使用 toolbarButtons() 方法,你可以设置编辑器的工具栏按钮:

use Filament\Forms\Components\MarkdownEditor;

MarkdownEditor::make('content')
->toolbarButtons([
'attachFiles',
'blockquote',
'bold',
'bulletList',
'codeBlock',
'heading',
'italic',
'link',
'orderedList',
'redo',
'strike',
'table',
'undo',
])

此外,你可以使用 disableToolbarButtons() 方法禁用指定按钮:

use Filament\Forms\Components\MarkdownEditor;

MarkdownEditor::make('content')
->disableToolbarButtons([
'blockquote',
'strike',
])

上传图片到编辑器

使用配置方法你可以自定义图片上传方式:

use Filament\Forms\Components\MarkdownEditor;

MarkdownEditor::make('content')
->fileAttachmentsDisk('s3')
->fileAttachmentsDirectory('attachments')
->fileAttachmentsVisibility('private')