README

一个自定义的Laravel Nova卡片，用于在iframe中嵌入外部内容，例如在仪表板中嵌入YouTube。

安装

您可以通过composer将此包安装到启用了Laravel Nova的项目中

composer require elipzis/nova-embed-card

用法

使用EmbedCard()，通过将其添加到NovaServiceProvider的cards方法或您的自定义仪表板中。

/**
 * Get the cards that should be displayed on the Nova dashboard.
 *
 * @return array
 */
protected function cards() {
    return [
        //Your other cards...
 
        //A most simple embed
        (new EmbedCard())->url('https://www.youtube.com/embed/WhWc3b3KhnY'),
        
        //A more complex embed of raw <iframe>...</iframe> HTML with header and footer
        (new EmbedCard())->header('Spring')->footer('A Blender Open Movie')->code('<iframe width="560" height="315" src="https://www.youtube.com/embed/WhWc3b3KhnY" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>')
    ];
}

请参阅Laravel Nova文档以获取有关卡片的更多信息。

卡片选项

内容选项

url('字符串')：要嵌入的URL。如果设置了URL，则忽略代码。
code('字符串')：要嵌入的原始<iframe>...</iframe>HTML内容。

url或code必须配置之一

文本选项

header('字符串')：引导嵌入内容的标题文本，可以是简单的文本字符串或原始HTML。
footer('字符串')：总结嵌入内容的页脚文本，可以是简单的文本字符串或原始HTML。

样式选项

center('布尔值')：居中文本和内容。默认为'true'。
height('字符串')：卡片的宽度，可以是'auto'、'default'或像素数值。默认为'auto'。
forceFullWidth()：强制卡片为全宽度
cardClasses('字符串')：附加到卡片元素的CSS类
headerClasses('字符串')：附加到标题元素的CSS类
footerClasses('字符串')：附加到页脚元素的CSS类

示例

兼容性

此自定义Laravel Nova Embed Card已与Laravel Nova v3.8.2进行了测试。

许可证和致谢

Laravel Nova Embed Card由elipZis在MIT许可下发布。

免责声明

此源代码和整个包不提供任何保证。它可能或可能不会损害您的计算机。请谨慎使用。任何损害都不能归咎于作者。源代码已在虚拟环境中进行了测试，并进行了病毒扫描，已通过所有测试。

elipzis/ nova-embed-card

维护者

详细信息