Generador de Lorem Ipsum — Texto de Relleno

¿Qué es Lorem Ipsum?

// Generating Lorem Ipsum (simplified)
const WORDS = ['lorem','ipsum','dolor','sit','amet','consectetur','adipiscing','elit','sed','do','eiusmod','tempor'];
const PREFIX = 'Lorem ipsum dolor sit amet, consectetur adipiscing elit';

const pick = (rng) => WORDS[Math.floor(rng() * WORDS.length)];

function sentence(rng, lead) {
  const n = 6 + Math.floor(rng() * 9); // 6-14 words
  const words = Array.from({ length: n }, () => pick(rng));
  const body = words.join(' ');
  return lead ? `${lead}, ${body}.` : `${body[0].toUpperCase()}${body.slice(1)}.`;
}

function paragraph(rng, startWithLorem) {
  const n = 3 + Math.floor(rng() * 5); // 3-7 sentences
  return Array.from({ length: n }, (_, i) =>
    sentence(rng, i === 0 && startWithLorem ? PREFIX : undefined)
  ).join(' ');
}

// Three random paragraphs, beginning with the canonical line
const text = Array.from({ length: 3 }, (_, i) =>
  paragraph(Math.random, i === 0)
).join('\n\n');

Características principales

Alternativas al generador de Lorem Ipsum comparadas

Ejemplos de Lorem Ipsum

Unidad: Párrafos · Cantidad: 3 · Formato: Texto plano · Empezar con Lorem ipsum: activado

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat...

Unidad: Párrafos · Cantidad: 2 · Formato: HTML

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit...</p>
<p>Ut enim ad minim veniam, quis nostrud exercitation...</p>

Unidad: Bytes · Cantidad: 280 · Formato: Texto plano

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore... (cortado en exactamente 280 bytes)

Unidad: Párrafos · Cantidad: 3 · Formato: JSON

[
  "Lorem ipsum dolor sit amet...",
  "Ut enim ad minim veniam...",
  "Duis aute irure dolor..."
]

Unidad: Elementos de lista · Cantidad: 5 · Formato: Markdown

- Lorem ipsum dolor sit amet
- Consectetur adipiscing elit sed
- Eiusmod tempor incididunt ut labore
- Dolore magna aliqua enim ad
- Minim veniam quis nostrud exercitation

Cómo usar el generador de Lorem Ipsum

1. 1

   Toma el texto por defecto o establece tu unidad

   El cuadro de salida ya contiene tres párrafos cuando se carga la página: cópialo de inmediato si es todo lo que necesitas. Si no, abre el desplegable Generar y elige tu unidad: párrafos, frases, palabras, elementos de lista o un recuento exacto de bytes.

2. 2

   Establece la cantidad

   Usa el control deslizante o el campo numérico para fijar cuántas unidades producir; los dos se mantienen sincronizados. El máximo del deslizante refleja el tope de la unidad que elegiste (por ejemplo 1000 para palabras), así que siempre conoces el rango disponible.

3. 3

   Elige un formato de salida

   Deja el Formato en Texto plano para relleno en bruto, o cámbialo a HTML para envolver párrafos en etiquetas

   y listas en

   • , Markdown para bloques separados por líneas en blanco y listas con guion, o JSON para una matriz de cadenas lista para insertar en una fixture o un mock.

4. 4

   Activa el inicio canónico si lo necesitas

   Mantén «Empezar con Lorem ipsum…» activado para comenzar con la línea canónica familiar, o desactívalo para texto totalmente aleatorio. Haz clic en Regenerar en cualquier momento para obtener una nueva muestra con la misma configuración.

5. 5

   Copia o descarga el resultado

   Haz clic en Copiar para poner todo el bloque en el portapapeles (verás una confirmación «¡Copiado!»), o en Descargar para guardarlo como archivo con la extensión correspondiente. El contador en vivo muestra los totales de palabras, caracteres y párrafos para que puedas confirmar la longitud.

Errores comunes con Lorem Ipsum

La página lanzada todavía muestra:
«Lorem ipsum dolor sit amet, consectetur...»
en la sección hero y el pie de página.

Lista de verificación previa al despliegue: busca en todo el
proyecto «lorem ipsum» (sin distinguir mayúsculas) y confirma cero
coincidencias antes de publicar. Reemplaza cada bloque con texto real.

Relleno: «texto texto texto texto texto texto texto»
Cada palabra tiene la misma longitud: se ajusta de forma poco natural,
oculta cómo se partirá el texto real.

Relleno: «Lorem ipsum dolor sit amet, consectetur
adipiscing elit, sed do eiusmod tempor...»
Longitudes de palabra variadas que se ajustan como prosa real.

Espacio de encabezado probado con 3 párrafos completos de texto:
se ve bien en la maqueta, se desborda mal cuando entra
el titular real de 6 palabras.

Espacio de encabezado probado con la unidad Palabras, cantidad 6.
La maqueta ahora refleja la longitud del contenido real
y el dimensionado del tipo aguanta.

Copiar texto plano, pegar en el editor, luego añadir
<p>…</p> alrededor de cada uno de los 8 párrafos a mano.
Olvidar una etiqueta de cierre, romper la maquetación.

Pon el Formato en HTML, copia, pega.
Cada párrafo ya está envuelto correctamente,
cero edición manual de etiquetas.

Probar una columna varchar(255) en bytes con 255 caracteres ASCII,
suponer que es seguro, y luego la entrada real «café 北京 😀» con
255 caracteres desborda el límite de bytes.

Usa la unidad Bytes para rellenar exactamente 255 bytes como
línea base ASCII, y luego prueba también con contenido real de
varios bytes que el campo debe aceptar.

Quién usa un generador de Lorem Ipsum

Diseñadores de UI y de producto

Rellena marcos de Figma, wireframes y maquetas con texto de longitud realista para que clientes y partes interesadas juzguen la maquetación, no las palabras. Usa la unidad de palabras o de bytes para ajustar la longitud exacta de una etiqueta, un texto o un espacio de encabezado real que el diseño contendrá.

Desarrolladores frontend

Inserta párrafos en formato HTML directamente en componentes, plantillas e historias de Storybook sin escribir el marcado a mano. El formato JSON puebla props, fixtures y handlers de Mock Service Worker con contenido realista para construir y probar estados de UI.

Creadores de CMS y plantillas

Carga plantillas de WordPress, Webflow o CMS sin cabeza con texto de relleno en el cuerpo, extractos y elementos de lista mientras se construye la estructura. La salida Markdown se pega limpiamente en campos de texto enriquecido y modelos de contenido basados en Markdown.

Ingenieros de QA y pruebas

Genera texto de una longitud exacta de bytes o caracteres para probar límites de campos, columnas varchar, comportamiento de truncado y gestión de desbordamiento. Las longitudes reproducibles facilitan verificar que un tope de 255 caracteres o un campo de 280 bytes se comporta correctamente en el límite.

Diseñadores editoriales y de impresión

Vierte Lorem Ipsum en columnas de InDesign, folletos y maquetas de libros para evaluar el interlineado, el ancho de columna y la textura de un bloque de texto antes de que llegue el manuscrito. Las unidades de párrafo y frase te dan la granularidad adecuada para las pruebas de galera.

Diseñadores de correo y boletines

Puebla plantillas de correo con texto del cuerpo y elementos de lista para probar cómo se renderizan los bloques en distintos clientes antes de escribir el contenido real de la campaña. Los fragmentos cortos de lista sustituyen a listas con viñetas y destacados de funciones.

Creadores de presentaciones y diapositivas

Rellena maquetas de diapositivas, plantillas de pitch deck y patrones de keynote con viñetas y párrafos de relleno para que la jerarquía visual quede fijada antes de que los puntos clave sean definitivos. El modo de lista produce los fragmentos cortos que las diapositivas realmente usan.

Desarrolladores de bases de datos y API

Usa la salida en matriz JSON o recuentos de bytes precisos para sembrar bases de datos, generar registros de ejemplo y construir respuestas de mock de API realistas. El relleno reproducible y de longitud controlable supera a teclear valores ficticios a mano en cada fila de prueba.

Cómo funciona el generador

Vocabulario y construcción de frases

El texto se ensambla a partir del vocabulario clásico de Lorem de ~180 palabras. Una frase tiene de 6 a 14 palabras elegidas al azar con una coma ocasional insertada para dar ritmo, en mayúscula al inicio y cerrada con un punto. Un párrafo tiene de 3 a 7 frases de ese tipo. Los elementos de lista son fragmentos más cortos de 3 a 8 palabras sin puntuación final.

Aleatoriedad determinista y con semilla

El generador extrae de un generador de números pseudoaleatorios pequeño y rápido (mulberry32). En el navegador se siembra a partir de Math.random para una salida nueva cada vez; en la suite de pruebas se le da una semilla fija para que la salida sea totalmente reproducible y las aserciones se mantengan estables. La aleatoriedad no es criptográfica: existe solo para que el relleno parezca natural.

El prefijo canónico

Cuando el interruptor «Empezar con Lorem ipsum…» está activado, la primera frase (o la primera serie de palabras) comienza con «Lorem ipsum dolor sit amet, consectetur adipiscing elit» y luego continúa con palabras aleatorias. Desactivarlo hace que toda la salida sea aleatoria, con solo la primera letra en mayúscula.

Recuento exacto de bytes (invariante ASCII)

El vocabulario Lorem es ASCII puro, así que cada carácter ocupa exactamente un byte UTF-8. Esa invariante permite que la unidad Bytes construya el texto hasta alcanzar la longitud solicitada y luego lo recorte al recuento exacto de bytes (el índice de carácter equivale al índice de byte) sin riesgo de partir una secuencia de varios bytes.

Renderizado de formatos

El texto plano une los párrafos con líneas en blanco y los elementos de lista con saltos de línea. HTML envuelve los párrafos en

y los elementos de lista en

• . Markdown usa bloques separados por líneas en blanco y prefijos de lista «- ». JSON serializa los bloques como una matriz de cadenas con sangría. La unidad de bytes siempre emite texto plano, ya que los presupuestos de bytes son independientes del formato.

Ejecución en el lado del cliente

Toda la lógica de generación es una función pura sin dependencia de red ni de almacenamiento, importada por un pequeño script de cliente que conecta los controles. La salida se calcula de forma síncrona en cada cambio, por eso es instantánea incluso en los tamaños máximos y funciona sin conexión. Ningún texto se transmite ni persiste nunca.

Buenas prácticas para el texto de relleno

Ajusta el relleno a la longitud del contenido real

El texto de relleno es más útil cuando tiene la longitud que tendrá el texto real. Un espacio de encabezado que contiene cinco palabras no debería probarse con una frase de 40 palabras. Usa la unidad de palabras o de bytes y el contador en vivo para dimensionar el relleno al espacio de contenido real, de modo que la maquetación que apruebes sobreviva al contacto con el texto real.

Mantén el inicio canónico para las revisiones

Cuando muestres el trabajo a clientes o partes interesadas, deja activado el inicio «Lorem ipsum dolor sit amet». La línea reconocible señala «esto es relleno intencional, no texto final», lo que evita el momento incómodo en que un revisor cree que el latín revuelto es un error o empieza a intentar leerlo.

Nunca lleves Lorem Ipsum a producción

El texto de relleno en una página en producción e indexable es contenido insuficiente que malgasta el presupuesto de rastreo y confunde a los usuarios que aterrizan en ella. Antes del lanzamiento, reemplaza cada bloque con texto real y haz una búsqueda en todo el proyecto de «Lorem ipsum»: las plantillas de staging, los pies de página y los valores predeterminados del CMS son los culpables habituales que se cuelan en producción.

Usa la salida HTML o JSON para ahorrarte trabajo rutinario

Si el relleno va a ir a marcado o a una fixture de prueba, genéralo en el formato correcto desde el principio. La salida HTML ahorra envolver párrafos en etiquetas a mano; la salida JSON ahorra entrecomillar y unir cadenas con comas para una fixture. Elegir el formato por adelantado es más rápido que reformatear texto plano después.

Regenera por variedad, no solo por volumen

Cuando un diseño tiene varios espacios similares (una cuadrícula de tarjetas, una lista de testimonios), genera un bloque nuevo para cada uno con Regenerar en lugar de pegar el mismo texto repetidamente. El relleno variado revela cómo maneja la maquetación distintos recuentos de líneas y ajustes, algo que el texto idéntico oculta.

Considera relleno en idioma real para maquetas localizadas

Lorem Ipsum se basa en el latín, así que sus longitudes de palabra y frecuencias de letras se aproximan a las lenguas de Europa occidental. Si diseñas para alemán (compuestos largos), escrituras CJK o lenguas RTL, valida también la maquetación con texto de ejemplo en ese idioma: las métricas de Lorem Ipsum no predecirán cómo se ajustan y espacian esas escrituras.

No trates el texto generado como persistente

La herramienta no almacena nada; al actualizar la página se borra la salida. Si necesitas de nuevo un bloque generado específico, cópialo o descárgalo en lugar de confiar en que siga en el cuadro. Para fixtures repetibles, guarda la salida JSON en tu proyecto para que el mismo relleno quede bajo control de versiones junto con tus pruebas.

Preguntas frecuentes