Встраивание локальных внешних ресурсов HTML-страницы в один HTML-файл

Question

Я ищу рабочий способ автоматического встраивания всех локальных внешних изображений (т. Е. Изображений в локальной файловой системе), на которые есть ссылки в HTML-файле, например

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

Очевидно, что это, вероятно, будет включать data ключевое слово в HTML.Относительно этой проблемы я прочитал этот SO-ответ , и я попробовал предложенный инструмент inliner , но у инструмента, похоже, есть проблемы с внешними локальными ресурсами, как указано выше.

ЕстьСуществуют ли другие проверенные способы / инструменты для этой работы, которые делают для обработки вышеупомянутого случая, предпочтительно в настоящее время поддерживается и, возможно, даже в Python?

Answer 1

Проблема в атрибуте data-src. В этой конкретной ситуации он имеет значение, аналогичное src, но только потому, что в HTML-файле используется библиотека JavaScript ( reve.js - HTML Presentation Framework ), которая интерпретирует этот атрибут аналогично стандартному * 1005. * атрибут.

Однако инструмент для встраивания ссылок ( inliner здесь) не знает об этом! Таким образом, решение состоит в том, чтобы заменить data-src на src. Это можно сделать, например, со скриптом sed. Затем inliner правильно конвертирует файл.