Nova 的重复字段和灵活内容

发布时间:作者:

Repeater Fields and Flexible Content for Nova image

灵活内容是 Whitecube 提供的 Laravel Nova 包,它允许您将多个 Nova 字段类型组合到单个“灵活字段”中。

操作很简单:类似于“字段面板”,该包会建议将多个字段组合到“布局”块中。

public function fields(Request $request) {
return [
Flexible::make('Content')
->addLayout('Simple content section', 'wysiwyg', [
Text::make('Title'),
Markdown::make('Content')
])
->addLayout('Video section', 'video', [
Text::make('Title'),
Image::make('Video Thumbnail', 'thumbnail'),
Text::make('Video ID (YouTube)', 'video'),
Text::make('Video Caption', 'caption')
])
];
}

此外,该包还提供通过 button() 方法更改“添加布局”按钮文本的可能性。

Flexible::make('Content')->button('Add something amazing!');

在模型上实现 HasFlexible 特性后,您就可以调用 flexible($attribute) 方法,该方法会自动将属性值(默认情况下存储在 JSON 中)转换为 Whitecube\NovaFlexibleContent\Layouts\Collection 集合。
然后,此方法允许您在控制器或视图中使用此灵活内容。

use Illuminate\Database\Eloquent\Model;
use Whitecube\NovaFlexibleContent\Concerns\HasFlexible;
 
class MyCustomModel extends Model {
use HasFlexible;
 
/**
* @return Whitecube\NovaFlexibleContent\Layouts\Collection
*/
public function getFlexibleContentAttribute() {
return $this->flexible('flexible-content');
}
}

为了更进一步,开发人员建议我们将其创建的另一个包:Nova 页面 与这些功能一起使用。这使您可以编辑静态页面,例如“关于我们”页面,而无需分别声明每个模板。

有关安装说明或了解有关此包的更多信息,我们邀请您访问 whitecube/nova-flexible-content 项目的 Github 页面。

Florian Bouché photo

@laravel@vuejs 充满热情的全栈开发人员。

归档于
Cube

Laravel 新闻通讯

加入 40,000 多名其他开发人员,绝不错过任何新的技巧、教程等。

Laravel Forge logo

Laravel Forge

轻松创建和管理您的服务器,并在几秒钟内部署您的 Laravel 应用程序。

Laravel Forge
Tinkerwell logo

Tinkerwell

Laravel 开发人员必备的代码运行器。使用 AI、自动补全和本地和生产环境的即时反馈进行微调。

Tinkerwell
No Compromises logo

无妥协

Joel 和 Aaron,来自“无妥协”播客的两名经验丰富的开发人员,现在可以为您的 Laravel 项目聘用。⬧ 每月固定费用 7500 美元。⬧ 没有冗长的销售流程。⬧ 没有合同。⬧ 100% 退款保证。

无妥协
Kirschbaum logo

Kirschbaum

提供创新和稳定性,以确保您的 Web 应用程序取得成功。

Kirschbaum
Shift logo

Shift

正在运行旧版本的 Laravel?即时、自动化的 Laravel 升级和代码现代化,使您的应用程序保持新鲜。

Shift
Bacancy logo

Bacancy

为您的项目配备经验丰富的 Laravel 开发人员,拥有 4-6 年的经验,每月仅需 2500 美元。获得 160 小时的专业知识和 15 天的无风险试用。立即预约通话!

Bacancy
Lucky Media logo

Lucky Media

现在就加入 Lucky - Laravel 开发的理想之选,拥有十多年的经验!

Lucky Media
Lunar: Laravel E-Commerce logo

Lunar:Laravel 电子商务

Laravel 的电子商务。一个开源软件包,将现代无头电子商务功能的强大功能带到 Laravel。

Lunar:Laravel 电子商务
LaraJobs logo

LaraJobs

官方 Laravel 职位招聘网站

LaraJobs
SaaSykit: Laravel SaaS Starter Kit logo

SaaSykit:Laravel SaaS 启动套件

SaaSykit 是一个 Laravel SaaS 启动套件,包含运行现代 SaaS 所需的所有功能。支付、精美结帐、管理面板、用户仪表板、身份验证、现成组件、统计信息、博客、文档等。

SaaSykit:Laravel SaaS 启动套件
Rector logo

Rector

您无缝升级 Laravel、降低成本和加速创新的合作伙伴,助力企业成功。

Rector
MongoDB logo

MongoDB

通过 MongoDB 和 Laravel 的强大集成增强您的 PHP 应用程序,使开发人员能够轻松高效地构建应用程序。支持事务性、搜索、分析和移动用例,同时使用熟悉的 Eloquent API。了解灵活、现代的 MongoDB 数据库如何改变您的 Laravel 应用程序。

MongoDB
Maska is a Simple Zero-dependency Input Mask Library image

Maska 是一个简单的无依赖输入掩码库

阅读文章
Add Swagger UI to Your Laravel Application image

将 Swagger UI 添加到您的 Laravel 应用程序

阅读文章
Assert the Exact JSON Structure of a Response in Laravel 11.19 image

在 Laravel 11.19 中断言响应的精确 JSON 结构

阅读文章
Build SSH Apps with PHP and Laravel Prompts image

使用 PHP 和 Laravel 提示构建 SSH 应用程序

阅读文章
Building fast, fuzzy site search with Laravel and Typesense image

使用 Laravel 和 Typesense 构建快速、模糊的网站搜索

阅读文章
Add Comments to your Laravel Application with the Commenter Package image

使用 Commenter 包将评论添加到您的 Laravel 应用程序

阅读文章