TinyMCE将loading =“lazy”添加到图像标签

Question

如今，许多浏览器（例如 Chrome、Firefox 和 Edge）都支持本机延迟加载图像。如何将 TinyMCE 添加loading="lazy"到图像标签？这样，下次当管理员通过 TinyMCE 将图像插入到网页内容时，所有图像将自动延迟加载。

Answer 1

这对我有用。当通过指定现有元素规则（例如 img）添加新属性时，该元素的整个规则将被覆盖，因此请确保包含所有有效属性，而不仅仅是您想要添加的属性。

      tinymce.init({
            extended_valid_elements : "img[class|src|border=0|alt|title|hspace|vspace|width|height|align|onmouseover|onmouseout|name|loading=lazy]" 
      });