将 HTML 页面的本地外部资源嵌入到单个 HTML 文件中

Question

我正在寻找一种工作方式来自动嵌入 HTML 文件中引用的所有本地外部图像（即本地文件系统上的图像），例如

<img data-src="img/my_image.png" />

显然这可能会涉及到 HTML 中的 data 关键字。关于这个问题，我已经阅读了this SO answer 并尝试了建议的工具inliner，但该工具似乎与上述外部本地资源有问题。

对于这项工作是否有其他经过验证的方法/工具确实处理上述情况，最好是目前维护，甚至可能在 Python 中？

Answer 1

问题在于属性data-src。在这种特殊情况下，它与src 具有相似的含义，但这只是因为 HTML 文件使用了一个 JavaScript 库 (reveal.js – The HTML Presentation Framework)，该库将该属性解释为类似于标准的 src 属性。

但是链接嵌入工具（inliner 这里）不知道这一点！所以解决方案是将data-src 替换为src。 这可以做到，例如使用sed 脚本。然后 inliner 正确地转换文件。