rankletter/commonmark-ext-seo-image

为 league/commonmark markdown 解析器包添加了对显式宽度和高度的以及懒加载的支持

维护者

详细信息

github.com/RankLetter/commonmark-ext-seo-image

主页

源代码

问题

安装: 8

依赖项: 0

建议者: 0

安全: 0

星标: 1

关注者: 2

分支: 0

公开问题: 0

类型:commonmark-extension

0.1.0 2021-05-26 06:39 UTC

Requires

Requires (Dev)

MIT 33625804643a1bacb7e581f8fe30bb2fc65e7ba9

imagemarkdownextensionlazycommonmarkexplicit width and height

This package is auto-updated.

Last update: 2024-08-26 19:55:41 UTC

README

🚧️ 此扩展仍在开发中。直到1.0版本发布，可能会发生破坏性更改。请谨慎使用。

Tests

此为 league/commonmark 的图像扩展添加了

  • 懒加载属性以及
  • 显式 height 和 width 属性以将布局偏移量保持在最小。这适用于绝对URL和本地图像。

此包主要基于 simonvomeyser/commonmark-ext-lazy-image！它采用相同的 MIT许可。

安装

composer require rankletter/commonmark-ext-seo-image

示例

假设 /path/to/image.jpg 指向一个大小为1024x512像素的图像，以下示例

use League\CommonMark\Environment;
use RankLetter\CommonMarkImageExtension\SEOImageExtension;

$this->environment = Environment::createCommonMarkEnvironment();
$this->environment->addExtension(new SEOImageExtension);

$converter = new CommonMarkConverter([], $this->environment);
$html = $converter->convertToHtml('![alt text](/path/to/image.jpg)');

这将创建以下HTML

<img src="/path/to/image.jpg" alt="alt text" loading="lazy" width="1024" height="512" />

其他选项

支持其他选项以使用JavaScript包来复制懒加载。有关更多详细信息，请参阅 原始包。此功能将暂时保留。