laravel grapesjs

Laravel Grapesjs编辑器

该软件包提供了将葡萄干集成到您的laravel proejct中的esay方法。

安装

composer require jd-dotlogics/laravel-grapesjs

发布文件并迁移

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

php artisan migrate

入门

1. 将“ GJS_DATA”列添加到模型的数据库表（例如页面），为其使用编辑器。

2. 实现可编辑的接口并使用模型类的EditableTratrait性状

 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. 接下来创建编辑路线

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

4. 在您的控制器中，使用EditorTrait并添加编辑器方法

 <?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. 打开此路线/页面/：page_id/editor（其中：page_id是您的模型的ID）

占位符

占位符就像WordPress中的短编码。占位符的同步是

[[This-Is-Placeholder]]

在“/resources/views/vendor/laravel-grapesjs/loteholders”目录中创建一个名为“ this-is-placeholder.blade.php”的文件。

占位符将由相对刀片文件“ this-is-placeholder.blade.php”的内容代替。

模板

您可以在“/resources/views/vendor/laravel-grapeSjs/ampplates”目录中创建全局模板（或块）。并且模板/块将在deDittor的块部分中可用。您还可以通过在模型中定义getTemplates/getgjsblockspath来创建模型特定的模板/块

 public function getTemplatesPath (){ return ' pages_templates ' ; }

这将在“ Laravel-Grapesj :: pages_templates”目录下寻找模板。

您还可以从这些方法返回NULL，以隐藏任何模型的模板/块。

显示输出

“可编辑”模型（例如页面）将具有两个公共属性CSS和HTML。在您的刀片文件中，您可以使用这些属性显示内容。

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

{!! $page -> html ! !}

谢谢您的使用。