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 ! !}

謝謝您的使用。