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

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

tarique/smoothie-filament-grapesjs-v3
=====================================

1.0.3(2y ago)041MITPHPPHP ^8.1

Since Jul 1Pushed 2y agoCompare

[ Source](https://github.com/tariquedev/smoothie-filament-grapesjs-v3)[ Packagist](https://packagist.org/packages/tarique/smoothie-filament-grapesjs-v3)[ Docs](https://github.com/tariquedev/smoothie-filament-grapesjs-v3)[ RSS](/packages/tarique-smoothie-filament-grapesjs-v3/feed)WikiDiscussions main Synced yesterday

READMEChangelogDependencies (13)Versions (4)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://github.com/Dotswan/filament-grapesjs-v3/assets/20874565/2ad36e55-4d56-42f6-8946-b894dab5d4fa)](https://github.com/Dotswan/filament-grapesjs-v3/assets/20874565/2ad36e55-4d56-42f6-8946-b894dab5d4fa)

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 tarique/smoothie-filament-grapesjs-v3
```

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

[](#basic-usage)

Resource file:

```