PHPackages                             webkleur/builder - 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. webkleur/builder

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

webkleur/builder
================

A package to easily integrate GrapesJS into your laravel project.

5.2.0(9mo ago)1179MITJavaScriptPHP ^7.4|^8.0

Since Nov 2Pushed 9mo agoCompare

[ Source](https://github.com/go2digit-al/builder)[ Packagist](https://packagist.org/packages/webkleur/builder)[ RSS](/packages/webkleur-builder/feed)WikiDiscussions main Synced 1mo ago

READMEChangelog (1)Dependencies (1)Versions (16)Used By (0)

Go2Digital Laravel Builder
==========================

[](#go2digital-laravel-builder)

This package provide an easy way to integrate [GrapesJS](https://grapesjs.com/) into your laravel project.

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

[](#installation)

> `composer require go2digital/builder`

Publish files & migrate
---------------------------

[](#publish-files--migrate)

> `php artisan vendor:publish --tag="laravel-grapesjs"`

> `php artisan migrate`

Getting started
---------------

[](#getting-started)

1. Add 'gjs\_data' column to the model's database table (e.g Page), for which you are going to use the editor.
2. Implement Editable Interface and use the EditableTrait trait for the Model class

```
use Illuminate\Database\Eloquent\Model;
use Go2Digital\Builder\App\Traits\EditableTrait;
use Go2Digital\Builder\App\Contracts\Editable;

class Page extends Model implements Editable
{
    use EditableTrait;

    ...
}
```

3. Next Create a Route for editor

```
Route::get('pages/{page}/editor', 'PageController@editor');
```

4. In your controller, use the EditorTrait and add the editor method

```