PHPackages                             vati/filament-grapesjs-v3 - 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. vati/filament-grapesjs-v3

ActiveLibrary

vati/filament-grapesjs-v3
=========================

1111PHP

Since Nov 12Pushed 6mo agoCompare

[ Source](https://github.com/vatichild/filament-grapesjs-v3)[ Packagist](https://packagist.org/packages/vati/filament-grapesjs-v3)[ RSS](/packages/vati-filament-grapesjs-v3/feed)WikiDiscussions main Synced 1mo ago

READMEChangelogDependenciesVersions (1)Used By (0)

Filament GrapesJS v4
====================

[](#filament-grapesjs-v4)

[![Latest Version on Packagist](https://camo.githubusercontent.com/3864fb16fb7fc4a27c5183ffb58324b78471ef87e364ca4c62bee3fa90806503/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f762f766174692f66696c616d656e742d6772617065736a732d76332e7376673f7374796c653d666c61742d737175617265)](https://packagist.org/packages/vati/filament-grapesjs-v3)[![Total Downloads](https://camo.githubusercontent.com/613657c3fe83a4c698a493140cbb2685b08e8e236980f31f703cc6f6eb420884/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f64742f766174692f66696c616d656e742d6772617065736a732d76332e7376673f7374796c653d666c61742d737175617265)](https://packagist.org/packages/vati/filament-grapesjs-v3)[![Software License](https://camo.githubusercontent.com/55c0218c8f8009f06ad4ddae837ddd05301481fcf0dff8e0ed9dadda8780713e/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f6c6963656e73652d4d49542d627269676874677265656e2e7376673f7374796c653d666c61742d737175617265)](https://github.com/vatichild/filament-grapesjs-v3/blob/master/LICENSE.md)

[![image](https://github.com/vatichild/filament-grapesjs-v3/assets/20874565/2ad36e55-4d56-42f6-8946-b894dab5d4fa)](https://github.com/vatichild/filament-grapesjs-v3/assets/20874565/2ad36e55-4d56-42f6-8946-b894dab5d4fa)

Introduction
------------

[](#introduction)

A powerful GrapesJS integration for Filament v4 that provides a visual HTML editor with drag-and-drop functionality. This package allows you to add rich HTML content editing capabilities to your Filament forms with ease.

### Features

[](#features)

- 🎨 **Visual HTML Editor** - Drag-and-drop interface for designing HTML content
- 🔌 **Plugin Support** - Easy integration with GrapesJS plugins (includes Tailwind CSS support)
- ⚙️ **Highly Configurable** - Customize tools, plugins, and editor settings
- 🎯 **Filament v4 Compatible** - Built specifically for Filament v4 with PHP 8.2+ support
- 📱 **Responsive** - Works seamlessly across different screen sizes
- 💾 **State Management** - Automatic state synchronization with Livewire

Requirements
------------

[](#requirements)

- PHP 8.2 or higher
- Laravel 11.28 or higher
- Filament v4.0 or higher

Installation
------------

[](#installation)

Install the package via Composer:

```
composer require vati/filament-grapesjs-v3
```

Publish the configuration file (optional):

```
php artisan vendor:publish --tag="filament-grapesjs-config"
```

Basic Usage
-----------

[](#basic-usage)

### Simple Example

[](#simple-example)

```