rasteiner/k3-image-tag

一个(图像:...)标签,可以调整图像大小。

安装: 15

依赖项: 0

建议者: 0

安全: 0

星星: 2

关注者: 4

分支: 0

开放问题: 0

类型:kirby-plugin

0.0.0 2019-02-15 14:25 UTC

This package is auto-updated.

Last update: 2024-08-29 04:54:38 UTC


README

适用于 Kirby v.3。

此插件将默认的 (image: ...) 标签替换为可以调整图像大小的版本,大小由您在 config.php 中指定的最大尺寸决定。它还允许您通过片段重新定义生成的HTML代码。

安装

下载

下载并将此存储库复制到 /site/plugins/k3-image-tag

Git子模块

git submodule add https://github.com/rasteiner/k3-image-tag.git site/plugins/k3-image-tag

Composer

composer require rasteiner/k3-image-tag

设置

简单调整图像大小的示例

site/config/config.php:

return [
  'imagetag' => [
    'max-width': 1400
  ]
];

自定义片段的示例片段

site/config/config.php:

return [
  'imagetag' => [
    'snippet': 'imagetag'
  ]
];

site/snippets/imagetag.php:

<a href="<?= $image->resize(2000)->url() ?>" data-fancybox="page"><img src="<?= $image->resize(900)->url() ?>" alt="<?= html($alt) ?? $image->alt()->html() ?>" /></a>

请注意,片段的输出仍然会被解析为Markdown(因为所有kirbytags的输出都是)。您的HTML中的换行符可能会被解释为“段落”,这可能在DOM中产生意外结果。

以下 $variables 传递给片段

  • $image:传递给标签的原始图像解析后的File对象
  • 在标签中指定的所有 属性提取 到变量中。

许可证

MIT

鸣谢

基于 getkirby/pluginkit 模板构建的插件,由 lukasbestle 制作。