Truncador de texto

Trunca texto a un número específico de caracteres o palabras con puntos suspensivos personalizados

¿Qué es y cómo funciona?

La truncación de texto acorta el texto a una longitud especificada — normalmente añadiendo puntos suspensivos (…) al final — para ajustarse a las restricciones de visualización. Aparece constantemente en el diseño de UI: títulos de tarjetas, celdas de tablas, migas de pan, etiquetas móviles y vistas previas de notificaciones.

Esta herramienta trunca texto por conteo de caracteres, conteo de palabras o conteo de oraciones, con sufijo configurable. Maneja casos extremos como pares sustitutos Unicode y truncación segura de entidades HTML.

Casos de uso

Preguntas frecuentes

¿Cuál es la diferencia entre truncación por caracteres y por palabras?

La truncación por caracteres corta en una posición exacta — limpia pero puede cortar a mitad de palabra. La truncación por palabras encuentra la última palabra completa antes del límite — produce resultados más legibles.

¿Cómo manejo emoji y Unicode multibyte en la truncación?

El emoji usa múltiples unidades de código en JavaScript. La solución moderna: `Array.from(str).slice(0, limit).join("")` que itera sobre puntos de código Unicode.

¿Cómo funciona la truncación de texto CSS?

CSS puede truncar texto en una sola línea automáticamente: `overflow: hidden; white-space: nowrap; text-overflow: ellipsis;`. Para truncación multilínea, `-webkit-line-clamp` funciona en la mayoría de navegadores.

¿Qué conteo de caracteres es apropiado para diferentes contextos?

Límites comunes: Twitter: 280 caracteres; SMS: 160; descripción meta SEO: 155–160; título de fragmento de búsqueda de Google: ~60; VARCHAR común: 255 o 1000 caracteres.

Texto

Mayúsculas / Minúsculas · Contador de palabras · Contador de caracteres · Generador Lorem Ipsum · Eliminar espacios extra · Ordenar líneas de texto