laravel-grapesjs

KO | EN

gitlite — search

#hacktoberfest #react #ai #typescript #go #golang #machine-learning #rust #deep-learning #linux #macos #kubernetes #mcp #open-source

laravel-grapesjs

(★ 130)

This package provide an esay way to integrate GrapesJS into your laravel proejct.

파일 탐색기

최종 버전 다운로드 (.zip)

- - editor.css
  - editor.js
  - editor.js.LICENSE.txt
- - main-fonts.eot
  - main-fonts.svg
  - main-fonts.ttf
  - main-fonts.woff
- - icon-a.svg
  - icon-b.svg
  - icon-c.svg
  - icon-d.svg
- - laravel-grapesjs.php
- config.php
- GrapesjsServiceProvider.php
.gitignore
composer.json
LICENSE
mix-manifest.json
package-lock.json
package.json
README.md
webpack.mix.js

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Laravel Grapesjs Editor
This package provide an esay way to integrate [GrapesJS](https://grapesjs.com/) into your laravel proejct.

## Installation

>`composer require jd-dotlogics/laravel-grapesjs`

## Publish files & migrate

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

>`php artisan migrate`

## 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 
```php
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
```php
Route::get('pages/{page}/editor', 'PageController@editor');

```

4. In your controller, use the EditorTrait and add the editor method
```php
<?php

namespace App\Http\Controllers;

use App\Models\Page;
use Illuminate\Http\Request;
use Dotlogics\Grapesjs\App\Traits\EditorTrait;

class PageController extends Controller
{
    use EditorTrait;

...

public function editor(Request $request, Page $page)
    {
        return $this->show_gjs_editor($request, $page);
    }

...
}

```

5. Open this route /pages/:page_id/editor (where the :page_id is the id of your model)

## Placeholders
Placeholders are like short-code in wordpress. The synax of placeholder is
>`[[This-Is-Placeholder]]`

Create a file named "this-is-placeholder.blade.php" in "/resources/views/vendor/laravel-grapesjs/placeholders" directory.

The the placeholder will be replaced by the content of the relative blade file "this-is-placeholder.blade.php"

## Templates
You can create global templates (or blocks) in the "/resources/views/vendor/laravel-grapesjs/templates" directory. And the templates/blocks will be availabe in the block section of edittor.   You can also create model specific templates/blocks by defining getTemplatesPath/getGjsBlocksPath in model
```php
public function getTemplatesPath(){ return 'pages_templates'; }
```

This will look for templates under "laravel-grapesj::pages_templates" directory.

You can also return null from these methods to hide templates/blocks for any model.

## Display output
The "Editable" model (e.g. Page) will have two public properties, css and html. In your blade file you can use these properties to display the content.

```blade
<style type="text/css">
	{!! $page->css !!}
</style>

{!! $page->html !!}

```

Thank you for using.

laravel-grapesjs

파일 탐색기

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

laravel-grapesjs

파일 탐색기

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README