如何在 HTML String Lazy Load 中制作所有图像？
How to make all Images in an HTML String Lazy Load?
我们的网站像 CMS 一样在我们的数据库中存储 HTML 页面内容。
我想知道如何强制该字符串中的任何图像延迟加载，但我还想包含一个图像版本，以防用户未启用 javascript。
有没有办法把字符串中的所有图片替换成如下：
查找：<img src="URL" class="CLASSES" alt="ALT" title="TITLE">
替换：<img data-src="URL" class="CLASSES lazy" alt="ALT" title="TITLE"><nosource><img src="URL" class="CLASSES" alt="ALT" title="TITLE"></nosource>
或者，我们将 TinyMCE 用作 HTML 编辑器。有没有办法将我们内容中的任何图像保存为 <img data-src="URL" class="CLASSES lazy" alt="ALT" title="TITLE"><nosource><img src="URL" class="CLASSES" alt="ALT" title="TITLE"></nosource>，但在编辑器中显示时将内容中的图像显示为 <img src="URL" class="CLASSES" alt="ALT" title="TITLE">？
我们的网站像 CMS 一样在我们的数据库中存储 HTML 页面内容。
我想知道如何强制该字符串中的任何图像延迟加载，但我还想包含一个图像版本，以防用户未启用 javascript。
有没有办法把字符串中的所有图片替换成如下：
查找：<img src="URL" class="CLASSES" alt="ALT" title="TITLE">
替换：<img data-src="URL" class="CLASSES lazy" alt="ALT" title="TITLE"><nosource><img src="URL" class="CLASSES" alt="ALT" title="TITLE"></nosource>
或者，我们将 TinyMCE 用作 HTML 编辑器。有没有办法将我们内容中的任何图像保存为 <img data-src="URL" class="CLASSES lazy" alt="ALT" title="TITLE"><nosource><img src="URL" class="CLASSES" alt="ALT" title="TITLE"></nosource>，但在编辑器中显示时将内容中的图像显示为 <img src="URL" class="CLASSES" alt="ALT" title="TITLE">？