windows - Automatisering af HTML img tagging og klassetildeling

Indlæg af Hanne Mølgaard Plasc

Problem



Jeg har et simpelt HTML-websted. Hovedelementet er et galler af billeder. De er alle klassificeret med deres række og kolonne. Der er 5 kolonner, A-E.


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


Jeg vil gerne specificere et parti af billeder (helst i Windows Stifinder) og få dem formateret som mine elementer i mit netværk.
Er der noget derude, der vil gøre det, at jeg er bare dårlig på Googling for? Jeg er på Windows 10.

Bedste reference


Min første tanke ville være at skabe en makro i en kode editor, som Sublime Text. Makroen ville inkorporere en metode til automatisk at øge tallene i enderne af filnavne (sandsynligvis ved hjælp af et plugin), men dette er baseret på antagelsen om, at alle billederne i mappen følger samme navngivningskonvention ( fx image-1.jpg, image-2.jpg, image-3.jpg).


Jeg tror, ​​at en bedre mulighed for dig ville være at gøre noget som dette svar, jeg fandt. Med en lille smule tweaking bør denne metode kunne tage alle billederne inde i en defineret mappe og returnere en html-fil med formaterede linjer kode.


Held og lykke til dig!