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

0259PHP

Since Jan 9Pushed 4mo 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 1mo ago

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

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:

```