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

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

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

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

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

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

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

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