> Faqs > ¿Qué herramientas recomendáis para generar un texto Lorem Ipsum?

¿Qué herramientas recomendáis para generar un texto Lorem Ipsum?

He visto que en el diseño se usan a veces como contenidos generados como aleatoriamente con textos e imágenes de relleno. ¿Qué herramientas me recomendáis para conseguirlo?

Respuestas

Hay muchos servicios de estos de generación de textos de relleno, te paso un par de alternativas:

Textos Lorem Ipsum

La herramienta más sencilla para crear texto "lorem ipsum" es https://www.lipsum.com/

Permite seleccionar el número de párrafos, palabras u otras cosas que deseas generar.

Imágenes Lorem Ipsum

Si lo que quieres es crear imágenes de relleno tienes este otro servicio https://picsum.photos/

Permite usar imágenes con URLs como https://picsum.photos/450/250 que una vez se muestran son imágenes de verdad en tu página de temas diversos.

Camila
279 9 16 5

Para generar textos Lorem Ipsum es suficiente con un editor que tenga las shortcuts de Emmet activados.

Por ejemplo Visual Studio Code los tiene. Pero los puedes poner como plugin en muchos otros editores. Simplemente busca el plugin o extensión Emmet e instálalo.

Luego, por ejemplo para crear 5 párrafos con un lorem ipsum tienes que escribir el shortcut:

p*5>lorem

Importante: todos estos shortcuts funcionarán en archivos .html y otros archivos que aceptan HTML como .php. Por ejemplo en un archivo .js no funcionarían...

Una vez escrito tienes que pulsar el tabulador (TAB) para que el atajo de Emmet se expanda.

Puedes escribir un texto Lorem con el shortcut:

lorem

Y luego pulsas el tabulador.

Por ejemplo, si necesitas crear una lista con elementos con un Lorem ipsum podrías hacer algo como esto:

ul>li*3>lorem

Pero en este caso es todavía más popular un shortcut como este:

ul>li*10>{item $}

Eso, al expandirlo con el tabulador, creará una lista con 10 elementos y en cada uno el contenido será "item 1", "item 2"... hasta "item 10".

Nadia
123 5 10 3
Gracias por estos truquitos! ya veo que no necesito más que el editor! gracias!

Para imágenes lorem yo prefiero lorempixel, porque me permite especificar los temas de los que quiero las imágenes y pedirle imágenes en concreto, con lo que resulta muy fácil conseguir imágenes de relleno diferentes, si es que tienes varios huecos que rellenar con imágenes en tu sitio web.

<img src="http://lorempixel.com/300/200/sports/1/">
<img src="http://lorempixel.com/300/200/sports/2/">
<img src="http://lorempixel.com/300/200/sports/3/">
<img src="http://lorempixel.com/300/200/sports/4/">

Así consigues 4 imágenes distintas de la temática de deportes.

Sergio
136 2 13 6