Parseador HTML para PHP

ByLuis

PHP Simple HTML DOM Parser es una librería PHP que permite parsear de forma muy sencilla HTML.

Es necesario PHP5+, admite HTML inválido, permite buscar etiquetas usando selectores como jQuery y extraer el contenido.


// Create DOM from string
$html = str_get_html('<div id="hello">Hello</div><div id="world">World</div>');
$html->find('div', 1)->class = 'bar';
$html->find('div[id=hello]', 0)->innertext = 'foo';
echo $html; // Output: <div id="hello">foo</div><div id="world" class="bar">World</div>

PHP Simple HTML DOM Parser

Vía / DZone

Similar Posts

links for 2006-11-25

ByLuis

links for 2007-02-09

ByLuis

links for 2007-01-25

ByLuis
  • Primeras Impresiones de WordPress 2.1 « Soporte-Wordpress
    WordPress 2.1 es la nueva versión de WordPress que salió ayer, 22 de Enero. Luego de instalarlo y arreglar el problema con la base de datos, comenzamos a utilizar este nuevo sistema y he aqui nuestras primerisimas impresiones.
    (tags: wordpress)
  • Digg – Linux Shell Scripting Tutorial
    This tutorial is designed for beginners who wish to learn the basics of shell scripting/programming plus introduction to power tools such as awk, sed, etc. It is not help or manual for the shell.
    (tags: linux)
  • CSS Posters en Intenta
    CSS Poster es una aplicación online que nos permite generar a partir de un CSS una referencia gráfica del mismo. Puede ser útil para tener claro visualmente una hoja de estilos.
    (tags: css)
  • ‘Widgets’ por todas partes | elmundo.es
    En Denken Ãœber citaban hace dos días tres artículos de tres grandes medios, ‘CNN’, ‘Newsweek’ y ‘The New York Times’ en los que apuntan que 2007 podría ser el año de los ‘widgets’; esas pequeñas aplicaciones que se superponen en la pantalla, desde u
    (tags: widgets software)

links for 2007-02-15

ByLuis
|

CSS grid: filas con misma altura

ByLuis

Tener un grid con todas las filas al mismo tamaño puede ser algo difícil de conseguir. El problema viene con que CSS grid toma el tamaño de las filas según el tamaño máximo de sus celdas.

Para conseguir ello es necesario que el contenido de la celda tenga posicionamiento absoluto, y jugar con ::before para simular contenido vacío que rellene la celda:

.grid {
  margin: 0 auto;
  width: 60vw;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 5px;
  grid-auto-rows: auto;
}

img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.grid--same-height .cell {
  position: relative;
}
.grid--same-height .cell::before {
  content: "";
  display: inline-block;
  padding-bottom: 100%;
}

.grid--same-height .content {
  height: 100%;
  position: absolute;
  margin-top: -100%;
}

Teniendo en cuenta que el HTML sería:

<div id="grid" class="grid">
  <div class="cell">
    <div class="content">
      <img src="https://picsum.photos/500/500"/>
    </div>
  </div>
  ...
</div>

Para el ejemplo uso picsum.photos, un lorem ipsum para fotos que permite indicar distintos tamaños de imágenes.

Podéis ver un ejemplo en este pen