如何在 SPIP 中的#TEXTE 中为 img 添加lazy="loading"属性

Question

在 Spip 4.2 中，我尝试自动将

loading="lazy"

属性添加到

<img />

中的所有

#TEXTE

，以在我的文章中实现延迟加载。

我尝试查找“img src”并将其替换为“img loading =“lazy”src”，但它不起作用：

[(#TEXTE|replace{<img}{<img loading="lazy"})]

和

#TEXTE|extraire_attribut{'loading', 'lazy'}

似乎没有任何影响。

如何在 SPIP 中的#TEXTE 中的 img 中添加lazy="loading"属性？

Answer 1

添加引号并删除

<

字符有效。为了避免更改文本中以

img

开头的单词，第一个默认属性的开头可以引用为

img src

，因为插入图像的代码是

<img src=... />

(#TEXTE|replace{"img src","img loading='lazy' src"})

这可能不是最节省资源计算效率的方法，因为它具有搜索和替换功能，但可以使用各种插件缓存页面以避免经常重复此操作。