如何在帖子预览中包含延迟加载的图片？

支持
1

我们的博客对图片使用了懒加载——即将图片的 src 存储在 HTML 的 data-src 属性中。因此，当点击“显示完整帖子”按钮时，图片不会被加载。请问是否有办法进行设置，以便能够加载这些图片？

以下是我们使用常规图片标记（将源直接放在 src 中）的示例，此时图片可以正常显示在 Discourse 论坛中：

以下是我们使用懒加载导致图片无法显示的示例：

2

我不太确定，但我最近注意到浏览器内置的打印机制也存在同样的限制。除非你通过滚动到底部加载了所有图片，否则“打印为 PDF"时图片会显示为空白。

3

是的，打印为 PDF 确实会这样。我认为这是正常行为，因为它使用的是浏览器渲染后的最终标记，并结合了打印样式表。

我不确定你在这个按钮上使用了什么解析方式（抱歉，我知道这是开源项目，但我不懂 Ruby :sweat_smile:），但我猜它是直接解析 HTML 源代码，而这种方式很可能不会读取自定义的图片属性。

我建议增加一个设置选项，允许在图片标签中包含指定的自定义属性作为图片源。（我们使用了一些变体，能够支持所有变体会很有帮助。）