mo_sweed / dropblockeditor
使用 Laravel Livewire 构建的出色的基于块的编辑器。
1.1
2024-06-20 23:19 UTC
Requires
- php: ^8.1
- illuminate/contracts: ^10.0|^11.0
- livewire/livewire: ^3.3
- spatie/laravel-package-tools: ^1.13.0
Requires (Dev)
- larastan/larastan: ^2.9
- laravel/pint: ^1.0
- orchestra/testbench: ^8.0|^9.0
- pestphp/pest: ^2.34
- pestphp/pest-plugin-laravel: ^2.0
- phpstan/extension-installer: ^1.1
- phpstan/phpstan-deprecation-rules: ^1.0
- phpstan/phpstan-phpunit: ^1.0
- phpunit/phpunit: ^10.4
- spatie/laravel-ray: ^1.28
- spatie/x-ray: ^1.1
README
简介
DropBlockEditor 包为您提供了一个酷炫的拖放编辑器。它允许您轻松创建自己的自定义块,并通过 Livewire 组件使它们可编辑。
-
注意:此包处于预发布阶段。代码可能会更改,目前不应被视为稳定。
要求
要使用此包,您需要
-
使用 Livewire v3。
-
PHP 8.1 或更高版本
安装
您可以通过 composer 安装此包
composer require mo_sweed/dropblockeditor
您可以使用以下命令发布所有文件
php artisan vendor:publish --provider="Mo_sweed\DropBlockEditor\DropBlockEditorServiceProvider" –-force
一旦所有文件都已发布,打开 routes/web.php
,并在页面末尾添加以下代码
require __DIR__.'/dropblockeditor.php';
之后,运行此命令
php artisan migrate
运行以下 artisan 命令以创建一个带有编辑组件的新块
php artisan dropblockeditor:make Text
迁移
-
名称: pages
模型
-
名称: pages
-
数据: [标题,别名,状态,内容]
-
路由键是别名
路由
-
update_page/{page:slug}
:如果您有一个页面 -
create_page
:创建页面 -
两个路由都使用相同的页面:PageEiditor
PageEiditor
-
位置: App\Livewire\DropBlockEditor
-
功能:检查 URL 是否有
(page:slug)
。如果有具有(page:slug)
的页面,则将所有页面信息发送到 DropBlockEditor。否则返回 404。如果 URL 没有包含(page:slug)
,则调用 DropBlockEditor。
DropBlockEditor
-
位置: App\Livewire\DropBlockEditor
-
功能:获取所有现有块、页面设置并更改块位置。
块
块有一个视觉方面,即 Block
类,以及一个可选的修改过的 Livewire 组件 (BlockEditComponent
) 以使其可编辑。
-
块位置: App\Classes\Blocks
-
BlockEditComponent: App\Livewire\DropBlockEditor\Components
鸣谢
许可证
MIT 许可证 (MIT)。有关更多信息,请参阅 许可证文件。