{"id":18716556,"url":"https://github.com/dotswan/filament-grapesjs-v3","last_synced_at":"2025-07-06T16:33:38.906Z","repository":{"id":211239173,"uuid":"728607476","full_name":"dotswan/filament-grapesjs-v3","owner":"dotswan","description":"Enhance Filament with Grapesjs field type for visual HTML editing. Drag-and-drop functionality to seamlessly design.","archived":false,"fork":false,"pushed_at":"2024-03-25T09:42:31.000Z","size":1280,"stargazers_count":20,"open_issues_count":2,"forks_count":10,"subscribers_count":2,"default_branch":"main","last_synced_at":"2024-06-25T13:47:28.320Z","etag":null,"topics":["filament","filament-grapesjs","filament-grapesjs-v3","filament-v3","filamentphp","grapesjs","grapesjs-editor","laravel","php"],"latest_commit_sha":null,"homepage":"","language":"PHP","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/dotswan.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null}},"created_at":"2023-12-07T09:57:51.000Z","updated_at":"2024-06-07T15:44:56.000Z","dependencies_parsed_at":null,"dependency_job_id":"a8033bb7-256f-4d86-977e-d8188efd5f84","html_url":"https://github.com/dotswan/filament-grapesjs-v3","commit_stats":null,"previous_names":["dotswan/filament-grapesjs-v3"],"tags_count":2,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dotswan%2Ffilament-grapesjs-v3","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dotswan%2Ffilament-grapesjs-v3/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dotswan%2Ffilament-grapesjs-v3/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dotswan%2Ffilament-grapesjs-v3/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/dotswan","download_url":"https://codeload.github.com/dotswan/filament-grapesjs-v3/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":223518446,"owners_count":17158689,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["filament","filament-grapesjs","filament-grapesjs-v3","filament-v3","filamentphp","grapesjs","grapesjs-editor","laravel","php"],"created_at":"2024-11-07T13:13:04.183Z","updated_at":"2025-04-12T13:31:19.692Z","avatar_url":"https://github.com/dotswan.png","language":"PHP","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Filament Grapesjs V3\n\n[![Latest Version on Packagist][ico-version]][link-packagist]\n[![Total Downloads][ico-downloads]][link-downloads]\n[![Software License][ico-license]][link-license]\n\n\n![image](https://github.com/dotswan/filament-grapesjs-v3/assets/20874565/2ad36e55-4d56-42f6-8946-b894dab5d4fa)\n\n\n## Introduction \n\nThis 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.\n\n\n* Features include: \n   * Integration of the Grapesjs library into Filament components.\n   * Drag-and-drop functionality for visually designing HTML elements.\n   * Simplified HTML code editing within Filament.\n* Latest versions of PHP and Filament\n* Best practices applied:\n  * [`README.md`][link-readme] (badges included)\n  * [`LICENSE`][link-license]\n  * [`composer.json`][link-composer-json]\n  * [`.gitignore`][link-gitignore]\n  * [`pint.json`][link-pint]\n\n## Installation\n\nYou can easily install the package via Composer:\n\n```bash\ncomposer require dotswan/filament-grapesjs-v3\n```\n\n## Publish Configuration\n\n```bash\nphp artisan vendor:publish --tag=\"filament-grapesjs-config\"\n```\n\n## Basic Usage\n\nResource file:\n\n```php\n\u003c?php\nnamespace App\\Filament\\Resources;\nuse Filament\\Resources\\Resource;\nuse Filament\\Resources\\Forms\\Form;\nuse Dotswan\\FilamentGrapesjs\\Fields\\GrapesJs;\n...\n\nclass FilamentResource extends Resource\n{\n    ...\n    public static function form(Form $form)\n    {\n        return $form-\u003eschema([\n                GrapesJs::make( 'page_layout' )\n                    -\u003etools([\n                        // tools you want to include\n                    ])\n                    -\u003eplugins([\n                        'grapesjs-tailwind',\n                        // other plugins you've included in your resources directory and referenced in filament-grapesjs.php\n                        // e.g. 'gjs-blocks-basic, https://github.com/GrapesJS/blocks-basic'\n                    ])\n                    -\u003esettings([\n                        'storageManager' =\u003e [\n                            'type' =\u003e 'local',\n                            'options' =\u003e [\n                                'local' =\u003e [\n                                    'key' =\u003e 'gsproject-test',\n                                ],\n                            ],\n                        ],\n                        'styleManager' =\u003e [\n                            'sectors' =\u003e [\n                                [\n                                    'name' =\u003e 'General',\n                                    'open' =\u003e false,\n                                    'buildProps' =\u003e [\n                                        'background-color',\n                                        // other properties you want to include\n                                    ],\n                                ],\n                            ],\n                        ]\n                    ])\n                    -\u003eid( 'page_layout' )\n           ]);\n    }\n    ...\n}\n```\n\n## License\n\n[MIT License](LICENSE.md) © Dotswan\n\n## Security\n\nWe take security seriously. If you discover any bugs or security issues, please help us maintain a secure project by reporting them through our [`GitHub issue tracker`][link-github-issue]. You can also contact us directly at [tech@dotswan.com](mailto:tech@dotswan.com).\n\n## Contribution\n\nWe welcome contributions! contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.\n\nIf you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag \"enhancement\". Don't forget to give the project a star! Thanks again!\n\n1. Fork the Project\n2. Create your Feature Branch (`git checkout -b feature/AmazingFeature`)\n3. Commit your Changes (`git commit -m 'Add some AmazingFeature'`)\n4. Push to the Branch (`git push origin feature/AmazingFeature`)\n5. Open a Pull Request\n\n\n[ico-version]: https://img.shields.io/packagist/v/dotswan/filament-grapesjs-v3.svg?style=flat-square\n[ico-license]: https://img.shields.io/badge/license-MIT-brightgreen.svg?style=flat-square\n[ico-downloads]: https://img.shields.io/packagist/dt/dotswan/filament-grapesjs-v3.svg?style=flat-square\n\n[link-packagist]: https://packagist.org/packages/dotswan/filament-grapesjs-v3\n[link-license]: https://github.com/dotswan/filament-grapesjs-v3/blob/master/LICENSE.md\n[link-downloads]: https://packagist.org/packages/dotswan/filament-grapesjs-v3\n[link-readme]: https://github.com/dotswan/filament-grapesjs-v3/blob/master/README.md\n[link-github-issue]: https://github.com/dotswan/filament-grapesjs-v3/issues\n[link-composer-json]: https://github.com/dotswan/filament-grapesjs-v3/blob/master/composer.json\n[link-gitignore]: https://github.com/dotswan/filament-grapesjs-v3/blob/master/.gitignore\n[link-pint]: https://github.com/dotswan/filament-grapesjs-v3/blob/master/pint.json\n[link-author]: https://github.com/dotswan\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdotswan%2Ffilament-grapesjs-v3","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdotswan%2Ffilament-grapesjs-v3","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdotswan%2Ffilament-grapesjs-v3/lists"}