laravel grapesjs

محرر Laravel Grapesjs

توفر هذه الحزمة طريقة Esay لدمج Grapesjs في Laravel Proejct.

تثبيت

composer require jd-dotlogics/laravel-grapesjs

نشر الملفات والترحيل

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

php artisan migrate

ابدء

1. أضف عمود "GJS_DATA" إلى جدول قاعدة بيانات النموذج (EG PAGE) ، والذي ستستخدمه للمحرر.

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. في وحدة التحكم الخاصة بك ، استخدم المحرر وأضف طريقة المحرر

 <?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 هو معرف النموذج الخاص بك)

أصحاب نائبة

العناصر النائبة مثل الرمز القصير في WordPress. Synax من العنصر النائب هو

[[This-Is-Placeholder]]

قم بإنشاء ملف يسمى "This-IS-IS-IS-IS-Plade.blade.php" في "/موارد/طرق العرض/البائع/laravel-grapesjs/نماذج".

سيتم استبدال العنصر النائب بمحتوى ملف الشفرة النسبي "this-iS- placeholder.blade.php"

قوالب

يمكنك إنشاء قوالب عالمية (أو كتل) في دليل "/موارد/عرض/بائع/لارافيل-جرابسج/قوالب". وستكون القوالب/الكتل متوفرة في قسم الكتلة من الحبيب. يمكنك أيضًا إنشاء قوالب/كتل محددة من خلال تحديد GetTemppath/getGjsBlockSpath في النموذج

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

سيبحث هذا عن قوالب تحت دليل "laravel-grapesj :: pages_templates".

يمكنك أيضًا إرجاع NULL من هذه الطرق لإخفاء القوالب/الكتل لأي نموذج.

عرض الإخراج

سيكون للنموذج "القابل للتحرير" (EG Page) خصائصين عامين ، CSS و HTML. في ملف الشفرة ، يمكنك استخدام هذه الخصائص لعرض المحتوى.

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

{!! $page -> html ! !}

شكرا لك على استخدامه.