laravel grapesjs

Laravel Grapesjs Editor

แพ็คเกจนี้ให้วิธีการใช้ในการรวมองุ่นเข้ากับ laravel proejct ของคุณ

การติดตั้ง

composer require jd-dotlogics/laravel-grapesjs

เผยแพร่ไฟล์และโยกย้าย

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

php artisan migrate

เริ่มต้น

1. เพิ่มคอลัมน์ 'GJS_DATA' ลงในตารางฐานข้อมูลของรุ่น (เช่นหน้า) ซึ่งคุณจะใช้ตัวแก้ไข

2. ใช้อินเทอร์เฟซที่แก้ไขได้และใช้คุณสมบัติ editableTrait สำหรับคลาสโมเดล

 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 synax of placeholder คือ

[[This-Is-Placeholder]]

สร้างไฟล์ชื่อ "this-is-placeholder.blade.php" ใน "/resources/views/ผู้ขาย/laravel-grapesjs/placeholders"

ตัวยึดตำแหน่งจะถูกแทนที่ด้วยเนื้อหาของไฟล์ใบมีดที่สัมพันธ์กัน

เทมเพลต

คุณสามารถสร้างเทมเพลตทั่วโลก (หรือบล็อก) ในไดเรกทอรี "/views/views/ผู้ขาย/laravel-grapesjs/templates" และเทมเพลต/บล็อกจะเป็นประโยชน์ในส่วนบล็อกของ edittor นอกจากนี้คุณยังสามารถสร้างเทมเพลต/บล็อกเฉพาะรุ่นได้โดยการกำหนด getTemplatesPath/getGJSBlockSpath ในรูปแบบ

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

สิ่งนี้จะมองหาเทมเพลตภายใต้ไดเรกทอรี "Laravel-grapesj :: pages_templates"

นอกจากนี้คุณยังสามารถคืนค่า NULL จากวิธีการเหล่านี้เพื่อซ่อนเทมเพลต/บล็อกสำหรับรุ่นใด ๆ

แสดงผล

โมเดล "แก้ไขได้" (เช่นหน้า) จะมีคุณสมบัติสาธารณะสองแห่งคือ CSS และ HTML ในไฟล์ใบมีดของคุณคุณสามารถใช้คุณสมบัติเหล่านี้เพื่อแสดงเนื้อหา

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

{!! $page -> html ! !}

ขอบคุณที่ใช้