n0sz/commonmark-picture-extension

为 CommonMark PHP 实现添加对图片标签的支持

维护者

详细信息

github.com/noah1400/commonmark-picture-extension

源代码

问题

安装: 9

依赖: 0

建议者: 0

安全: 0

星标: 2

关注者: 1

分支: 0

开放问题: 0

类型:commonmark-extension

v0.0.1-alpha 2022-10-09 14:59 UTC

Requires

Requires (Dev)

MIT c6761d4195b7d93f090694cc277ae2bd6fe6b05a

  • noah1400 <48360809+noah1400.woop@users.noreply.github.com>

This package is auto-updated.

Last update: 2024-09-09 19:25:59 UTC

README

此库为 league/commonmark 添加了对 <picture> 标签的支持

安装

此项目可以通过 composer 安装

composer require n0sz/commonmark-picture-extension

用法

use League\CommonMark\Environment\Environment;
use League\CommonMark\Extension\CommonMark\CommonMarkCoreExtension;
use N0sz\CommonMark\Picture\PictureExtension;

$environment = new Environment();
$environment->addExtension(new CommonMarkCoreExtension());
$environment->addExtension(new PictureExtension());

语法

代码

[[[
+ img_1 {media:"(min-width:650px)"}
+ img_2 {media:"(min-width:465px)"}
- img_3
]]]

结果

<picture>
<source media="(min-width:650px)" srcset="img_1" />
<source media="(min-width:465px)" srcset="img_2" />
<img src="img_3" />
</picture>