自动执行 HTML 图像标记和类分配



我有一个简单的HTML网站。主要元素是图像网格。它们都按其行和列进行分类。有5列,A-E。

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

我想指定一批图像(最好在 Windows 资源管理器中(,并将它们格式化为网格的子元素。 有没有一些东西可以做到这一点,我只是不擅长谷歌搜索?我使用的是 Windows 10。

我的第一个想法是在代码编辑器中创建一个宏,比如Sublime Text。宏将包含一些自动递增文件名末尾的数字的方法(可能使用插件(,但这是基于文件夹中所有图像都遵循相同命名约定的假设(例如image-1.jpgimage-2.jpgimage-3.jpg(。

我认为对你来说更好的选择是做一些我发现的答案。通过一些调整,此方法应该能够获取定义目录中的所有图像,并返回带有格式化代码行的 html 文件。

祝你好运!

最新更新