Автоматизация тегов HTML img и назначение классов

Question

У меня простой HTML-сайт. Основным элементом является сетка изображений. Они все классифицированы с их строкой и столбцом. Есть 5 столбцов, A-E.

    <div class="grid">
                <div class="box 1 a"><img src="./assets/Account-Attempt-4-1.gif"></div>
...
</div>

Я хотел бы указать пакет изображений (желательно в проводнике Windows) и отформатировать их, как дочерние элементы моей сетки. Есть ли что-то, что сделает это, для чего я просто плох в Googling? Я на Windows 10.

Answer 1

Моей первой мыслью было бы создать макрос в редакторе кода, например Sublime Text. Макрос будет включать некоторый метод автоматического увеличения чисел на концах имен файлов (возможно, с использованием плагина), но это основано на предположении, что все изображения в папке следуют одному и тому же соглашению об именовании ( например, image-1.jpg, image-2.jpg, image-3.jpg).

Я думаю, что лучшим вариантом для вас было бы сделать что-то вроде этого ответа, который я нашел . С небольшой настройкой, этот метод должен быть в состоянии принять все изображений внутри определенной директории и вернуть HTML-файл с отформатированными строками кода.

Удачи вам!