idf/nova-html-card

此包已被弃用且不再维护。作者建议使用interaction-design-foundation/nova-html-card包。

Laravel Nova 卡片,用于显示任意 HTML 内容

3.3.0 2024-03-12 13:56 UTC

README

Nova HTML 卡片

Latest Stable Version Total Downloads Type coverage

为 Laravel Nova 仪表板添加卡片,可以显示任意 HTML 内容。

image

安装

您可以通过 composer 将此包安装到使用Nova的 Laravel 应用中。

composer require interaction-design-foundation/nova-html-card

用法

注册您的卡片.

use InteractionDesignFoundation\HtmlCard\HtmlCard;

public function cards()
{
    return [
        (new HtmlCard())->width('1/3')->html('<h1>Hello World!</h1>'),
        (new HtmlCard())->width('1/3')->markdown('# Hello World!'),
        (new HtmlCard())->width('1/3')->view('cards.hello', ['name' => 'World']),
     ];
}

选项

  • 设置内容
    • ->html('<h1>Hello!</h1>'):设置 HTML 或纯文本内容。
    • ->markdown('# Hello!'):设置 Markdown 内容,该内容将被转换为 HTML。
    • ->view('path.to.view', []):指定 blade 视图文件,并可选择传递一个数组作为视图数据。
  • 样式
    • ->center(false):居中卡片内容。默认为 false
    • ->withoutCardStyles(true):是否使用标准 Nova 卡片样式(背景、填充等)。默认为 false
    • ->withBasicStyles():为卡片中的 HTML 元素添加一些基本样式。在渲染 Markdown 时很有用。

为什么使用这个包?

有几个包具有类似的功能。我们的包提供 API,涵盖了这些包的所有用例,并额外提供了一些独特功能,如

  • Markdown 支持
  • 轻松在 Nova-card 样式和原始 HTML 样式之间切换
  • 简单、类似 Laravel 的 API

变更日志

请参阅版本发布以获取最近更改的更多信息。

贡献

有关详细信息,请参阅CONTRIBUTING

许可证

MIT 许可证 (MIT)。有关更多信息,请参阅许可证文件