laravel grapesjs

Laravel Grapesjsの編集者

このパッケージは、GrapesjsをLaravel Proejctに統合するためのESAYの方法を提供します。

インストール

composer require jd-dotlogics/laravel-grapesjs

ファイルを公開して移行します

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

php artisan migrate

はじめる

1. 「GJS_DATA」列をモデルのデータベーステーブル（ページなど）に追加し、エディターを使用します。

2. 編集可能なインターフェイスを実装し、モデルクラスに編集する特性を使用します

 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. コントローラーで編集者を使用して、エディターメソッドを追加します

 <?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/placeholders "ディレクトリで「this-is-placoholder.blade.php」という名前のファイルを作成します。

プレースホルダーは、相対ブレードファイル「this-is-placeholder.blade.php」のコンテンツに置き換えられます

テンプレート

「/resources/views/vendor/laravel-grapesjs/Templates」ディレクトリでグローバルテンプレート（またはブロック）を作成できます。また、テンプレート/ブロックは、編集のブロックセクションで利用できます。モデルでgetTemplatesPath/getGJSBlocksPathを定義することにより、モデル固有のテンプレート/ブロックを作成することもできます

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

これにより、「laravel-grapesj :: pages_templates」ディレクトリの下にあるテンプレートが探しられます。

これらのメソッドからnullを返して、任意のモデルのテンプレート/ブロックを非表示にすることもできます。

表示出力を表示します

「編集可能な」モデル（Pageなど）には、CSSとHTMLの2つのパブリックプロパティがあります。ブレードファイルでは、これらのプロパティを使用してコンテンツを表示できます。

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

{!! $page -> html ! !}

使用していただきありがとうございます。