包简介

A block editor Filament form field — replaces textarea with a fullscreen drag-and-drop HTML block builder.

README 文档

README

A block editor Filament form field. Replaces a plain textarea with a fullscreen drag-and-drop HTML block builder.

Features

Fullscreen modal editor inside a Filament form
Block types: Paragraph, Heading (H2/H3/H4), Image, 2 Columns, Button, Divider, Spacer, Raw HTML
Move, duplicate and delete blocks
Saves as JSON (block structure) to the field
BlockEditor::renderHtml($json) to get the rendered HTML for frontend display
Works with any Filament v3/v4 form

Installation

composer require matteomascellani/filament-block-editor

Usage

use Matteomascellani\FilamentBlockEditor\Forms\Components\BlockEditor;

// In your Filament Resource form:
BlockEditor::make('content'),

The field stores a JSON string. On your frontend, render it to HTML:

use Matteomascellani\FilamentBlockEditor\Forms\Components\BlockEditor;

{!! BlockEditor::renderHtml($record->content) !!}

Block Types

Type	Description
`paragraph`	Simple text paragraph
`heading`	Heading H2/H3/H4
`image`	Image with URL, alt, width, alignment
`columns`	Two-column layout with independent text areas
`button`	Call-to-action button with URL and style variant
`divider`	Horizontal rule with configurable spacing
`spacer`	Empty vertical space
`html`	Raw HTML block for advanced use

Plugin (optional)

If you need to hook into the Filament panel:

// In your PanelProvider:
->plugins([
    \Matteomascellani\FilamentBlockEditor\FilamentBlockEditorPlugin::make(),
])

License

MIT

matteomascellani/filament-block-editor 适用场景与选型建议

matteomascellani/filament-block-editor 是一款基于 Blade 开发的 Composer 扩展包，目前已累计 3 次下载、GitHub Stars 达 0，最近一次更新时间为 2026 年 03 月 21 日，在 PHP 生态内属于活跃度较高的组件。

它主要适用于以下技术方向：「laravel」「page-builder」「block-editor」「filament」「form-field」等业务场景。在实际项目中，围绕这些方向常见需要落地的问题包括：接口对接、性能调优、并发安全、与既有框架（Laravel / ThinkPHP / Yii / Webman 等）的兼容适配，以及生产环境的日志埋点与稳定性保障。

我们在过去多个企业项目中使用过 matteomascellani/filament-block-editor 或与其功能相近的方案，如果你在选型或落地过程中遇到问题，例如 版本兼容、二次改造、私有化封装、与内部系统对接、生产 BUG 排查，欢迎联系我们协助评估。

围绕 matteomascellani/filament-block-editor 我们能提供哪些服务？

定制开发 / 二次开发

基于 matteomascellani/filament-block-editor 在你已有业务上做功能扩展、字段裁剪、UI 适配、与内部账号 / 权限 / 日志系统的深度对接。

BUG 修复 & 性能优化

线上偶发问题、内存泄漏、慢查询、并发异常等排查修复；针对高流量场景做缓存、队列、索引层面的调优。

项目外包 & 长期维护

承接完整的项目从需求 → 设计 → 开发 → 上线 → 长期运维；也可按月提供技术保姆服务。

yvsm@zunyunkeji.com QQ：316430983 微信：yvsm316 西安尊云信息科技 · 专注 PHP / Go / 分布式系统研发

与 matteomascellani/filament-block-editor 相关的其它包

同方向 / 同关键字的高下载量 PHP Composer 包推荐，方便对比选型：

arts/elementor-stubs 6

Comprehensive PHPStan stubs for Elementor and Elementor Pro WordPress page builder - auto-generated, self-contained, plug & play

cybertroniankelvin/graper 21

A visual drag-and-drop page builder for Filament admin panels, powered by GrapeJS v3. Build landing pages, marketing sites, and custom content pages without writing code.

coderstm/laravel-page-builder 53

A section-based page builder for Laravel using JSON layouts, sections, blocks, and themes.

zauberfisch/silverstripe-page-builder 3

SilverStripe module to allow for modular, block based content in SilverStripe

webbycrown/customization-for-bagisto 5

Dynamic page customization system for Bagisto - Create and manage page sections, fields, and content from the backend with API support

codprez/laravel-page-builder 1

Predefined section-based page builder for Laravel + Inertia + React.