Mostrando entradas con la etiqueta regex. Mostrar todas las entradas
Mostrando entradas con la etiqueta regex. Mostrar todas las entradas

miércoles, junio 08, 2016

Generando un listado html a partir de una lista de archivos con RegEX

Si tienes un editor que realice búsquedas y sustituciones con expresiones regulares como Atom.io o lo haces directamente con SED, tal vez te interese esta pequeña chuleta para generar un html específico partiendo de una lista plana de archivos como la que puedes generar con un ls.

Ejemplo de lista plana de archivos
2008 AM.jpg
2008-0.jpg
AM 2 2010.jpg
AM 3 2010.jpg
AM 2008-0.jpg
AM 2008-1.jpg

Expresión regular para detectar
(.*) -> toda secuencia de letras que no sea un salto de línea

Patrón de sustitución
<div class="pin">
  <a href="img/biografia/$&" data-toggle="lightbox" data-gallery="multiimages">
    <img src="img/biografia/$&" />
  </a>
</div>

Resultado
<div class="pin">
  <a href="img/biografia/2008 AM.jpg" data-toggle="lightbox" data-gallery="multiimages">
    <img src="img/biografia/2008 AM.jpg" />
  </a>
</div>
<div class="pin">
  <a href="img/biografia/2008-0.jpg" data-toggle="lightbox" data-gallery="multiimages">
    <img src="img/biografia/2008-0.jpg" />
  </a>
</div>
<div class="pin">
  <a href="img/biografia/AM 2 2010.jpg" data-toggle="lightbox" data-gallery="multiimages">
    <img src="img/biografia/AM 2 2010.jpg" />

  </a>
</div>
...