PHPackages                             philippnies/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. [Utility & Helpers](/categories/utility)
4. /
5. philippnies/filament-grapesjs-v3

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

philippnies/filament-grapesjs-v3
================================

v0.22.5(1y ago)041MITPHPPHP ^8.1

Since Apr 1Pushed 1y agoCompare

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

READMEChangelog (1)Dependencies (12)Versions (2)Used By (0)

Filament Grapesjs V3
====================

[](#filament-grapesjs-v3)

[![Latest Version on Packagist](https://camo.githubusercontent.com/817ae28f9b64386fddc249f4bba262a0e935f6c889b4b06e53b7afdbe745b48d/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f762f646f747377616e2f66696c616d656e742d6772617065736a732d76332e7376673f7374796c653d666c61742d737175617265)](https://packagist.org/packages/dotswan/filament-grapesjs-v3)[![Total Downloads](https://camo.githubusercontent.com/33b9a5465130a2a187134f60e522ee95b8b81a0e9dc594e8563816467a545839/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f64742f646f747377616e2f66696c616d656e742d6772617065736a732d76332e7376673f7374796c653d666c61742d737175617265)](https://packagist.org/packages/dotswan/filament-grapesjs-v3)[![Software License](https://camo.githubusercontent.com/55c0218c8f8009f06ad4ddae837ddd05301481fcf0dff8e0ed9dadda8780713e/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f6c6963656e73652d4d49542d627269676874677265656e2e7376673f7374796c653d666c61742d737175617265)](https://github.com/dotswan/filament-grapesjs-v3/blob/master/LICENSE.md)

[![image](https://private-user-images.githubusercontent.com/20874565/288717752-2ad36e55-4d56-42f6-8946-b894dab5d4fa.png?jwt=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3NzU1MjA3MjgsIm5iZiI6MTc3NTUyMDQyOCwicGF0aCI6Ii8yMDg3NDU2NS8yODg3MTc3NTItMmFkMzZlNTUtNGQ1Ni00MmY2LTg5NDYtYjg5NGRhYjVkNGZhLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNjA0MDclMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjYwNDA3VDAwMDcwOFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTBjY2NjZWM0ZTA3NjUxOGMzMDQxMzJmMmM2MzM4MWIzMzEyMWRkYjliM2EyOWE0ZTBhYWNkMWFlMWRkYWYyNTgmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.R_bFWbqrtmRffj5L7QF-3cGkd2zCtnK43WitL1YG3KI)](https://private-user-images.githubusercontent.com/20874565/288717752-2ad36e55-4d56-42f6-8946-b894dab5d4fa.png?jwt=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3NzU1MjA3MjgsIm5iZiI6MTc3NTUyMDQyOCwicGF0aCI6Ii8yMDg3NDU2NS8yODg3MTc3NTItMmFkMzZlNTUtNGQ1Ni00MmY2LTg5NDYtYjg5NGRhYjVkNGZhLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNjA0MDclMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjYwNDA3VDAwMDcwOFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTBjY2NjZWM0ZTA3NjUxOGMzMDQxMzJmMmM2MzM4MWIzMzEyMWRkYjliM2EyOWE0ZTBhYWNkMWFlMWRkYWYyNTgmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.R_bFWbqrtmRffj5L7QF-3cGkd2zCtnK43WitL1YG3KI)

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

[](#introduction)

This package extends Filament to include a field type called Grapesjs, leveraging the Grapesjs library to enable visual editing of HTML codes within the Filament components. It allows users to interactively design and incorporate HTML elements via drag-and-drop functionality.

- Features include:
    - Integration of the Grapesjs library into Filament components.
    - Drag-and-drop functionality for visually designing HTML elements.
    - Simplified HTML code editing within Filament.
- Latest versions of PHP and Filament
- Best practices applied:
    - [`README.md`](https://github.com/dotswan/filament-grapesjs-v3/blob/master/README.md) (badges included)
    - [`LICENSE`](https://github.com/dotswan/filament-grapesjs-v3/blob/master/LICENSE.md)
    - [`composer.json`](https://github.com/dotswan/filament-grapesjs-v3/blob/master/composer.json)
    - [`.gitignore`](https://github.com/dotswan/filament-grapesjs-v3/blob/master/.gitignore)
    - [`pint.json`](https://github.com/dotswan/filament-grapesjs-v3/blob/master/pint.json)

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

[](#installation)

You can easily install the package via Composer:

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

Publish Configuration
---------------------

[](#publish-configuration)

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

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

[](#basic-usage)

Resource file:

```