generalsystemsvehicle/just-read-the-instructions

Wordpress Gutenberg 作为 Laravel Nova 字段类型

1.0.1 2020-01-16 03:52 UTC

README

Wordpress Gutenberg 作为 Laravel Nova 字段类型

鸣谢

此插件基于 Laraberg 的贡献,它为 Gutenberg、Laravel-Filemanager 和 Laravel 世界提供了基本的集成。

安装

安装 composer 包

composer require generalsystemsvehicle/just-read-the-instructions

发布 Just Read The Instructions 以及 Laravel Filemanager 的配置和资源

php artisan vendor:publish --provider="GeneralSystemsVehicle\JustReadTheInstructions\FieldServiceProvider" --tag="public"
php artisan vendor:publish --tag=lfm_config
php artisan vendor:publish --tag=lfm_public

使用

Nova

在 Nova 中的使用与任何其他字段类型没有区别。有关更完整的理解,请参阅 Nova 文档,以下是一个示例

<?php namespace App\Nova\Templates;

use GeneralSystemsVehicle\JustReadTheInstructions\JustReadTheInstructions;

class Pages extends Resource
{
    public function fields(Request $request): array
    {
        return [
            JustReadTheInstructions::make("Content")->asHtml()
        ];
    }
}

此处模型中的字段(列)是 content。这将在数据库中以 JSON 块的形式存储,因此请使用适合您的 DB 技术的适当列类型。

请注意,在字段声明末尾的 ->asHtml()。如果您不这样做,则资源预览页面将渲染转义 HTML,因为这是 Nova 的默认行为。添加 asHtml() 将允许预览正确渲染。

Blade 视图

当您从上述示例中输出 content 数据时,您需要通过渲染引擎进行渲染。您可以使用此处提到的助手来完成此操作

{!! JustReadTheInstructions::render( $m->content ) !!}

您还需要包含正确的 CSS,将以下标签放置在头部某个位置

<link
  rel="stylesheet"
  href="{{ asset('vendor/just-read-the-instructions/gutenberg.css') }}"
/>