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)
```

###  Alternatives

[fntneves/laravel-transactional-events

Transaction-aware Event Dispatcher for Laravel

3202.6M2](/packages/fntneves-laravel-transactional-events)[ipinfo/ipinfo

The official PHP library for IPinfo, the most reliable, accurate, and in-depth source of IP address data available anywhere. We process terabytes of data to produce our custom IP geolocation, company, carrier and IP type data sets. Visit our developer docs at https://ipinfo.io/developers.

2891.2M11](/packages/ipinfo-ipinfo)[typo3/cms-recordlist

TYPO3 CMS Recordlist - Lists database records in the TYPO3 backend module (Web>List).

178.0M48](/packages/typo3-cms-recordlist)[glhd/laravel-timezone-mapper

Timezone mapper for Laravel

45284.4k](/packages/glhd-laravel-timezone-mapper)[neos/eel

The Embedded Expression Language (Eel) is a building block for creating Domain Specific Languages

122.0M27](/packages/neos-eel)[kohkimakimoto/background-process

A minimum library to run background processes asynchronously.

361.4k](/packages/kohkimakimoto-background-process)

PHPackages © 2026

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