PHPackages                             matteomascellani/filament-block-editor - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Utility & Helpers](/categories/utility)
4. /
5. matteomascellani/filament-block-editor

ActiveLibrary[Utility & Helpers](/categories/utility)

matteomascellani/filament-block-editor
======================================

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

02↑2900%Blade

Since Mar 24Pushed 1mo agoCompare

[ Source](https://github.com/matteomascellani/filament-block-editor)[ Packagist](https://packagist.org/packages/matteomascellani/filament-block-editor)[ RSS](/packages/matteomascellani-filament-block-editor/feed)WikiDiscussions master Synced 1mo ago

READMEChangelogDependenciesVersions (1)Used By (0)

filament-block-editor
=====================

[](#filament-block-editor)

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

Features
--------

[](#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
------------

[](#installation)

```
composer require matteomascellani/filament-block-editor
```

Usage
-----

[](#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
-----------

[](#block-types)

TypeDescription`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 usePlugin (optional)
-----------------

[](#plugin-optional)

If you need to hook into the Filament panel:

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

License
-------

[](#license)

MIT

###  Health Score

20

—

LowBetter than 14% of packages

Maintenance60

Regular maintenance activity

Popularity3

Limited adoption so far

Community6

Small or concentrated contributor base

Maturity11

Early-stage or recently created project

 Bus Factor1

Top contributor holds 100% of commits — single point of failure

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

### Community

Maintainers

![](https://www.gravatar.com/avatar/cb4770e4e09fe485447c647c3c017c8ff4d9240b2ab004747770088f4f6a88f7?d=identicon)[matteomascellani](/maintainers/matteomascellani)

---

Top Contributors

[![matteomascellani](https://avatars.githubusercontent.com/u/41450442?v=4)](https://github.com/matteomascellani "matteomascellani (12 commits)")

### Embed Badge

![Health badge](/badges/matteomascellani-filament-block-editor/health.svg)

```
[![Health](https://phpackages.com/badges/matteomascellani-filament-block-editor/health.svg)](https://phpackages.com/packages/matteomascellani-filament-block-editor)
```

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)