Generador de Lorem Ipsum

El texto de relleno existe para que puedas juzgar un diseño sin leerlo. Un texto real te lleva la vista a las palabras; un galimatías en latín te deja mirando la longitud de las líneas, el ritmo y el punto en el que el diseño se rompe. El generador de arriba te da tanto como necesites.

Cómo funciona

Elige una unidad —palabras, frases o párrafos— y una cantidad entre 1 y 50. Dos controles dan forma al resultado:

• Empezar con «Lorem ipsum dolor sit amet…» hace que el texto empiece por el conocido Lorem ipsum dolor sit amet, consectetur adipiscing elit., para que se lea como relleno reconocible y no como un texto roto. Desactívalo si quieres un texto que varíe desde la primera palabra.
• Generar produce una muestra nueva con la misma configuración, y es la forma más rápida de comprobar que un componente aguanta una variedad de longitudes y no solo la que salió bien por casualidad.

Las frases se construyen a partir de un repertorio del vocabulario tradicional, con entre 6 y 15 palabras cada una, mayúscula inicial y punto final. Los párrafos tienen entre 3 y 6 frases. Como hay aleatoriedad, dos generaciones con la misma configuración salen distintas, así que usa el botón de copiar en lugar de contar con reproducir una muestra más adelante.

Todo se genera en tu navegador: sin peticiones, sin límites de uso, y funciona sin conexión.

Cómo sacarle partido

Usa la longitud real, no una cómoda. El texto de relleno está para poner a prueba el diseño, y el instinto de un diseñador es pegar una cantidad que quede bonita. Si los títulos de producto de tus datos llegan a 90 caracteres, genera 90 caracteres. Si un campo suele estar vacío, prueba también el caso vacío. La mayoría de los bugs de maquetación viven en los extremos: la tarjeta que solo se rompe con un título de dos líneas, la celda de tabla que se desborda con el valor más largo, el botón cuya etiqueta salta de línea en alemán.

Genera varias variantes. Una muestra demuestra un solo caso. Regenerar cuatro o cinco veces, o rellenar una lista con longitudes distintas, saca a la luz los problemas de alineación que una cuadrícula uniforme de bloques idénticos oculta.

El lorem ipsum es latín, y el latín es estrecho. No tiene diacríticos, ni palabras compuestas largas, ni escritura de derecha a izquierda, ni caracteres CJK. Un diseño validado solo con él puede romperse igualmente con Straßenbahnhaltestelle, con árabe o con un emoji que cambia la altura de línea. En productos internacionalizados, prueba con cadenas reales de los idiomas y regiones a los que de verdad das soporte.

No lo lleves a producción. Que el texto de relleno llegue a producción es un bochorno de sobra conocido, y un buscador que indexa una página en latín la trata exactamente como lo que es: una página sin contenido. Añade una comprobación en el build o, como mínimo, haz un grep de lorem antes de cada release.

Dónde tiene sentido el texto de relleno

Más allá del diseño visual, el texto generado sirve como datos de prueba: poblar una base de datos con suficientes filas para que la paginación sea realista, llenar un campo hasta su longitud máxima para comprobar la validación o producir un payload lo bastante grande como para poner a prueba un límite de tamaño. Aun así, los tests que lo usen deben comprobar la estructura y no el texto en sí, porque el contenido cambia en cada ejecución: un test que depende de una cadena aleatoria concreta es un test inestable a la espera de fallar. Fundamentos del testing explica la diferencia entre fixtures fijas y datos generados, y cuándo conviene cada uno.

En la parte de maquetación, cómo fluye el texto depende del elemento que lo contiene, y lo esencial de HTML5 cubre el modelo de contenido que lo determina.

Herramientas relacionadas

Para medir una muestra frente a un límite de caracteres o de palabras, usa el contador de palabras. Para datos de prueba numéricos aleatorios en lugar de texto, el generador de números aleatorios; para identificadores, el generador de UUID. Para pasar un título de un estilo de nomenclatura a otro, el conversor de mayúsculas y minúsculas.