PHPackages                             hovornyan/laravel-grapesjs - 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. hovornyan/laravel-grapesjs

ActiveLibrary

hovornyan/laravel-grapesjs
==========================

A package for use Grapes.js in Laravel

2.0.8(4y ago)0261MITPHPPHP ^7.3|^8.0

Since May 26Pushed 3y agoCompare

[ Source](https://github.com/hovornyan/laravel-grapesjs)[ Packagist](https://packagist.org/packages/hovornyan/laravel-grapesjs)[ RSS](/packages/hovornyan-laravel-grapesjs/feed)WikiDiscussions master Synced 1mo ago

READMEChangelogDependencies (2)Versions (25)Used By (0)

Installation
============

[](#installation)

> `composer require hovornyan/laravel-grapesjs`

Publish files
=============

[](#publish-files)

> `php artisan vendor:publish --provider="Dotlogics\Grapesjs\GrapesjsServiceProvider"`

> `php artisan vendor:publish --provider="Spatie\MediaLibrary\MediaLibraryServiceProvider" --tag="migrations"`

> `php artisan migrate`

> `npm i grapesjs`

> `npm i grapesjs-blocks-basic`

> `npm i grapesjs-blocks-bootstrap4`

> `npm i grapesjs-tui-image-editor`

> `npm i toastr`

Get Start
=========

[](#get-start)

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 Dotlogics\Grapesjs\App\Traits\EditableTrait;
use Dotlogics\Grapesjs\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

```