mo_sweed/dropblockeditor

使用 Laravel Livewire 构建的出色的基于块的编辑器。

1.1 2024-06-20 23:19 UTC

This package is auto-updated.

Last update: 2024-09-20 23:54:11 UTC


README

Logo DropBlockEditor

简介

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)。有关更多信息,请参阅 许可证文件