laravel grapesjs

Editor Laravel Grapesjs

Paket ini menyediakan cara ESAY untuk mengintegrasikan anggur ke dalam Laravel Proejct Anda.

Instalasi

composer require jd-dotlogics/laravel-grapesjs

Publikasikan file & migrasi

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

php artisan migrate

Memulai

1. Tambahkan kolom 'GJS_Data' ke tabel database model (misalnya halaman), yang akan Anda gunakan editor.

2. Mengimplementasikan antarmuka yang dapat diedit dan menggunakan sifat editabletrait untuk kelas model

 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. Selanjutnya buat rute untuk editor

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

4. Di pengontrol Anda, gunakan EditorTrait dan tambahkan metode editor

 <?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. Buka rute/halaman ini/: page_id/editor (di mana: page_id adalah id model Anda)

Placeholder

Placeholder seperti kode pendek di WordPress. Synax placeholder adalah

[[This-Is-Placeholder]]

Buat file bernama "this-is-placeHolder.blade.php" in "/Resources/Views/Vendor/Laravel-grapesjs/placeholders" direktori.

Placeholder akan digantikan oleh konten file Blade Relative "this-is-placeHolder.blade.php"

Template

Anda dapat membuat templat global (atau blok) di direktori "/sumber daya/vendor/vendor/laravel-grapesjs/templat". Dan templat/blok akan tersedia di bagian blok editor. Anda juga dapat membuat model templat/blok spesifik dengan mendefinisikan getTemplatesPath/getGjsBlockSpath dalam model

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

Ini akan mencari templat di bawah direktori "Laravel-Grapesj :: Pages_templates".

Anda juga dapat mengembalikan nol dari metode ini untuk menyembunyikan templat/blok untuk model apa pun.

Output tampilan

Model "Editable" (misalnya halaman) akan memiliki dua properti publik, CSS dan HTML. Di file blade Anda, Anda dapat menggunakan properti ini untuk menampilkan konten.

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

{!! $page -> html ! !}

Terima kasih telah menggunakannya.