laravel grapesjs编辑器
该软件包提供了将葡萄干集成到您的laravel proejct中的esay方法。
安装
composer require jd-dotlogics/laravel-grapesjs
发布文件并迁移
php artisan migrate
入门
-
将“ GJS_DATA”列添加到模型的数据库表（例如页面），为其使用编辑器。
-
实现可编辑的接口并使用模型类的EditableTratrait性状
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; . . . }
- 接下来创建编辑路线
Route:: get ( \' pages/{page}/editor \' , \' PageController@editor \' );
- 在您的控制器中，使用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 ); } . . . }
- 打开此路线/页面/：page_id/editor（其中：page_id是您的模型的ID）
占位符
占位符就像WordPress中的短编码。占位符的同步是
[[This-Is-Placeholder]]
在“/resources/views/vendor/laravel-grapesjs/loteholders”目录中创建一个名为“ this-is-placeholder.blade.php”的文件。
占位符将由相对刀片文件“ this-is-placeholder.blade.php”的内容代替。
模板
您可以在“/resources/views/vendor/laravel-grapeSjs/ampplates”目录中创建全局模板（或块）。并且模板/块将在deDittor的块部分中可用。您还可以通过在模型中定义getTemplates/getgjsblockspath来创建模型特定的模板/块
public function getTemplatesPath (){ return \' pages_templates \' ; }
这将在“ Laravel-Grapesj :: pages_templates”目录下寻找模板。
您还可以从这些方法返回NULL，以隐藏任何模型的模板/块。
显示输出
“可编辑”模型（例如页面）将具有两个公共属性CSS和HTML。在您的刀片文件中，您可以使用这些属性显示内容。
< style type = \" text/css \" > {!! $page -> css ! !} </ style > {!! $page -> html ! !}
谢谢您的使用。
