rankletter / commonmark-ext-seo-image
为 league/commonmark markdown 解析器包添加了对显式宽度和高度的以及懒加载的支持
0.1.0
2021-05-26 06:39 UTC
Requires
- php: ^7.3 || ^8.0
- league/commonmark: ^1.0
Requires (Dev)
- phpunit/phpunit: ^9.0
This package is auto-updated.
Last update: 2024-08-26 19:55:41 UTC
README
🚧️ 此扩展仍在开发中。直到1.0版本发布,可能会发生破坏性更改。请谨慎使用。
此为 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('');
这将创建以下HTML
<img src="/path/to/image.jpg" alt="alt text" loading="lazy" width="1024" height="512" />
其他选项
支持其他选项以使用JavaScript包来复制懒加载。有关更多详细信息,请参阅 原始包。此功能将暂时保留。