你好!
我们论坛以前使用 Flarum 时,有一个有趣的功能是添加尺寸标签来修改图片的宽度和高度,使其拉伸和压缩,就像这样(可能记错了标签的写法)
我尝试在 Discourse 中对上传的图片使用 HTML 等效标签,但这只会裁剪图片。
我没有看到在 Discourse 中对上传的图片进行此操作的方法。是我弄错了吗?
你好!
我们论坛以前使用 Flarum 时,有一个有趣的功能是添加尺寸标签来修改图片的宽度和高度,使其拉伸和压缩,就像这样(可能记错了标签的写法)
我尝试在 Discourse 中对上传的图片使用 HTML 等效标签,但这只会裁剪图片。
我没有看到在 Discourse 中对上传的图片进行此操作的方法。是我弄错了吗?
当图片尺寸较大时,由于灯箱 CSS,更改尺寸会自动裁剪图片。
即使您调整了大小:
小图片可以按所需的纵横比发布。

![]()
也许有一种非常取巧的方法,例如为 <img> 标签使用授权类,如 avatar:
<img width="376" height="50" src="https://meta.discourse.org/secure-uploads/original/4X/b/e/6/be6f2ea64830fe0aaec6c192f3b39c38ce5f179c.png" class="avatar">
![]()
但这会强制应用圆角。
原始图片是方形的,并强制使用灯箱:
如果您是管理员,最简单的方法是使用自定义包装器并定义 CSS 规则。例如:
[wrap=ratio]
!image|500x300](upload://raEVqkaMNqIXQ9YcsiZuYefukFu.png)
[/wrap]
[data-wrap="ratio"] .lightbox-wrapper img {
object-fit: unset;
}

不过,我不会惊讶于用户强制设置纵横比的方法,甚至管理员有更简单的方法。也许根本不需要使用包装器,而是在灯箱 div 中强制 object-fit: unset,但这可能会破坏常规布局。我不知道。