laravel grapesjs

Laravel Grapesjs Editor

Dieses Paket bietet eine Möglichkeit, GrapesJs in Ihren Laravel Proejct zu integrieren.

Installation

composer require jd-dotlogics/laravel-grapesjs

Dateien veröffentlichen und migrieren

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

php artisan migrate

Erste Schritte

1. Fügen Sie der Datenbanktabelle des Modells (z. B. Seite) des Modells "GJS_DATA" -Spalte hinzu, für die Sie den Editor verwenden werden.

2. Implementieren Sie eine bearbeitbare Schnittstelle und verwenden

 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. Erstellen Sie als nächstes eine Route für den Herausgeber

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

4. Verwenden Sie in Ihrem Controller das EditorTrait und fügen Sie die Editor -Methode hinzu

 <?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. Öffnen Sie diese Route/Seiten/: page_id/editor (wobei die: page_id die ID Ihres Modells ist)

Platzhalter

Platzhalter sind wie kurzer Code in WordPress. Die Synax des Platzhalters ist

[[This-Is-Placeholder]]

Erstellen Sie eine Datei mit dem Namen "This-is-Placeholder.blade.php" in "/Ressourcen/Ansichten/Anbieter/Laravel-Grapesjs/Platzhalter".

Der Platzhalter wird durch den Inhalt der relativen Blade-Datei "This-is-Placeholder.blade.php" ersetzt.

Vorlagen

Sie können globale Vorlagen (oder Blöcke) im Verzeichnis "/Ressourcen/Ansichten/Anbieter/Laravel-GrapesJs/Vorlagen" erstellen. Und die Vorlagen/Blöcke sind im Blockabschnitt von Edittor verfügbar. Sie können auch modellspezifische Vorlagen/Blöcke erstellen, indem Sie GetTemplatesPad/getgjsblockspath im Modell definieren

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

Dies wird nach Vorlagen unter "Laravel-Grapesj :: Pages_Templates" -Verzeichnungen suchen.

Sie können auch Null von diesen Methoden zurückgeben, um Vorlagen/Blöcke für jedes Modell zu verbergen.

Ausgabe anzeigen

Das "bearbeitbare" Modell (z. B. Seite) verfügt über zwei öffentliche Eigenschaften, CSS und HTML. In Ihrer Blade -Datei können Sie diese Eigenschaften verwenden, um den Inhalt anzuzeigen.

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

{!! $page -> html ! !}

Vielen Dank für die Verwendung.