Hola a todos:
¿Cómo puedo hacer que todas las imágenes de un texto en HTML se rodeen automáticamente por una etiqueta <div>?
Es decir: partiendo de un
Código HTML:
<h1>Un encabezado</h1>
<p>Cierto texto <br/>más texto con salto de línea</p>
<img src="file1.jpg" alt="algo1" height="300" width="200" />
<p>Otro párrafo</p>
<img src="file2.jpg" alt="algo2" height="300" width="200" />
<p>Otro párrafo más<br/>con un salto de línea</p>
acabe con un
Código HTML:
<h1>Un encabezado</h1>
<p>Cierto texto <br/>más texto con salto de línea</p>
<div class="clase"><img src="file1.jpg" alt="algo1" height="300" width="200" /></div>
<p>Otro párrafo</p>
<div class="clase"><img src="file2.jpg" alt="algo2" height="300" width="200" /></div>
<p>Otro párrafo más<br/>con un salto de línea</p>
Ojo: la diferencia en los ejemplos anteriores es que las imágenes ahora están rodeadas por divs
Supongo que con ereg_replace() se puede hacer, pero no sé mucho de expresiones regulares, ni del uso de esta función (aunque ya leí lo que hay en
www.php.net/ereg_replace)