Search code examples
htmlgeneratorsublimetext3magnific-popup

generate HTML gallery

I am making gallery in HTML with Magnific Popup, I want to have 100 images, HTML markup have to looks like this

<a href="/img/gallery/mdd-2014/img00001.jpg" title="title">
    <img src="/img/gallery/mdd-2014/thmb/img00001.jpg" alt="alt">
</a>

...

<a href="/img/gallery/mdd-2014/img00100.jpg" title="Škôlka pod lesom - Nová Baňa">
    <img src="/img/gallery/mdd-2014/thmb/img00100.jpg" alt="Škôlka pod lesom - Nová Baňa">    
</a>

How can I do it with the simplest way in Sublime Text 3 if I need to create new a > img and increment href and src 100 times?

Solution

  • I found a simple solution with Emmet package for Sublime text!

    (a[href="/img/gallery/nase-aktivity/img$$$$$.jpg" title="title"]>img[src="/img/gallery/nase-aktivity/thmb/img$$$$$.jpg" alt="alt"])*100