PHPackages                             tiepdev9x/filament-grapesjs-v4 - 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. tiepdev9x/filament-grapesjs-v4

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

tiepdev9x/filament-grapesjs-v4
==============================

filament grapesjs v4

0405PHP

Since Apr 23Pushed 2mo agoCompare

[ Source](https://github.com/tiepdev9x/filament-grapesjs-v3)[ Packagist](https://packagist.org/packages/tiepdev9x/filament-grapesjs-v4)[ RSS](/packages/tiepdev9x-filament-grapesjs-v4/feed)WikiDiscussions main Synced today

READMEChangelogDependenciesVersions (1)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.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3ODI3MzAwNzIsIm5iZiI6MTc4MjcyOTc3MiwicGF0aCI6Ii8yMDg3NDU2NS8yODg3MTc3NTItMmFkMzZlNTUtNGQ1Ni00MmY2LTg5NDYtYjg5NGRhYjVkNGZhLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNjA2MjklMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjYwNjI5VDEwNDI1MlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTlhZWM2OTM5OTA5MmQ2YWE4ZDM0NWZmNjIwOGQ3ZTFlZDEyNWI0NmMyNjc2ZTA1MzM0OWI4NTNlZmFkODY0ZTcmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JnJlc3BvbnNlLWNvbnRlbnQtdHlwZT1pbWFnZSUyRnBuZyJ9.zkqa5F1d8Ns5Bkji8YW4U1SspKdA1y84Bq-IJNakiaw)](https://private-user-images.githubusercontent.com/20874565/288717752-2ad36e55-4d56-42f6-8946-b894dab5d4fa.png?jwt=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3ODI3MzAwNzIsIm5iZiI6MTc4MjcyOTc3MiwicGF0aCI6Ii8yMDg3NDU2NS8yODg3MTc3NTItMmFkMzZlNTUtNGQ1Ni00MmY2LTg5NDYtYjg5NGRhYjVkNGZhLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNjA2MjklMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjYwNjI5VDEwNDI1MlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTlhZWM2OTM5OTA5MmQ2YWE4ZDM0NWZmNjIwOGQ3ZTFlZDEyNWI0NmMyNjc2ZTA1MzM0OWI4NTNlZmFkODY0ZTcmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JnJlc3BvbnNlLWNvbnRlbnQtdHlwZT1pbWFnZSUyRnBuZyJ9.zkqa5F1d8Ns5Bkji8YW4U1SspKdA1y84Bq-IJNakiaw)

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:

```