Truncador de Texto con Puntos Suspensivos
Trunca textos con puntos suspensivos elegantes (… o ...). Ajusta por caracteres, palabras o simulación CSS line-clamp.
Respuesta Rápida: ¿Qué es Truncador de Texto con Puntos Suspensivos?
¿Qué hace esta herramienta? Trunca textos con puntos suspensivos elegantes (… o ...). Ajusta por caracteres, palabras o simulación CSS line-clamp.
- Paso 1: Introduce o ajusta el campo Texto Original a Truncar.
- Paso 2: Haz clic en Truncar con Puntos Suspensivos para obtener el desglose y resultados inmediatos.
Para obtener resultados óptimos, asegúrate de ingresar los valores en las unidades correspondientes.
- ¿Qué es el Truncador de Texto con Puntos Suspensivos y por qué importa la tipografía digital?
- Normativa de la RAE y tipografía profesional para puntos suspensivos
- Implementación Técnica en CSS: Truncamiento en una sola línea vs. Multi-línea
- Tabla comparativa de estilos de puntos suspensivos y elipsis
- Guía paso a paso: cómo truncar texto con puntos suspensivos
- Casos de uso clave en interfaces web y copywriting
- Preguntas frecuentes sobre truncamiento y puntos suspensivos
¿Qué es el Truncador de Texto con Puntos Suspensivos y por qué importa la tipografía digital?
El truncador de texto con puntos suspensivos (también conocido como herramienta de elipsis tipográfica o generador de extractos) es una utilidad avanzada de diseño editorial, maquetación web y redacción digital. Su propósito es acortar textos extensos mediante la inserción de puntos suspensivos elegantes, garantizando el cumplimiento riguroso de las normas ortográficas de la Real Academia Española (RAE) y generando simultáneamente el código CSS moderno necesario para reproducir el efecto en navegadores web.
En el desarrollo web y el diseño de interfaces de usuario (UI), truncar un texto de forma descuidada suele generar graves problemas estéticos: palabras partidas por la mitad de manera ininteligible (como "revolucio..."), comas redundantes huérfanas antes de los puntos (como "casa,...") o textos desbordados fuera de sus contenedores responsivos en dispositivos móviles. Mientras que un truncamiento tosco arruina la percepción de calidad de una marca, una elipsis tipográfica armónica preserva la jerarquía visual, despierta la curiosidad del lector (efecto cliffhanger) y optimiza el espacio de tarjetas, tablas y banners.
En porcentaje.net, este truncador profesional te permite alternar entre tres modalidades de ajuste: por límite de caracteres, por número de palabras o por simulación de líneas visuales (CSS Line-Clamp). Además, ofrece soporte tanto para el glifo tipográfico Unicode horizontal ellipsis (…, código U+2026) como para los tres puntos ASCII convencionales (...), corchetes editoriales ([...]) o sufijos interactivos personalizados. Si deseas truncar ceñido a plataformas publicitarias, apóyate en nuestro recortador de texto por número de caracteres o mide la longitud con el contador de caracteres con y sin espacios.
Normativa de la RAE y tipografía profesional para puntos suspensivos
La Ortografía de la lengua española de la RAE y la Asociación de Academias de la Lengua Española (ASALE) establece directrices claras que todo redactor y desarrollador debe conocer:
1. Composición Estricta de Tres Puntos: Los puntos suspensivos son siempre exactamente tres, ni más ni menos. El uso de cuatro, cinco o más puntos consecutivos constituye una incorrección ortográfica.
2. Glifo Único vs. Tres Caracteres: En tipografía digital profesional se prefiere el glifo Unicode único horizontal ellipsis (…, U+2026) porque los tres puntos se distribuyen con un espaciado tipográfico calibrado y forman un bloque indivisible que nunca se partirá entre dos líneas al final de un renglón.
3. Espaciado: Los puntos suspensivos van siempre pegados a la palabra precedente, sin dejar espacio intermedio (ejemplo correcto: "palabra…"; incorrecto: "palabra …"). Si continúan dentro de una oración, se deja un espacio posterior antes de la siguiente palabra.
4. Incompatibilidad con Signos de Puntuación Previos: Nunca debe colocarse una coma (
,), un punto y coma (;) o dos puntos (:) inmediatamente antes de los puntos suspensivos. Nuestra herramienta suprime automáticamente estas discordancias.
Implementación Técnica en CSS: Truncamiento en una sola línea vs. Multi-línea
Para los diseñadores y desarrolladores web frontend, truncar texto no solo es una cuestión de manipulación de cadenas en el backend, sino de renderizado responsivo mediante CSS. Nuestra herramienta genera automáticamente el código correspondiente:
1. Truncamiento en una Sola Línea (Single-line Ellipsis):
.texto-truncado-simple {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 100%;
}
• Comportamiento: Si el texto desborda el ancho horizontal de su contenedor, el navegador oculta el sobrante y dibuja automáticamente los puntos suspensivos en el extremo derecho.
2. Truncamiento Multi-línea (CSS Line-Clamp con Flexbox / Box):
.texto-truncado-multilinea {
display: -webkit-box;
-webkit-line-clamp: 3; /* Número de líneas visibles */
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
• Comportamiento: Soporte universal en todos los motores de renderizado modernos (Chromium, Gecko, WebKit), limitando el párrafo al número exacto de renglones antes de insertar la elipsis.
Tabla comparativa de estilos de puntos suspensivos y elipsis
Revisa los distintos formatos disponibles y su idoneidad según el contexto de publicación:
| Estilo de Elipsis | Representación Visual | Codificación / Carácter | Ámbito Recomendado |
|---|---|---|---|
| Glifo Tipográfico Unicode | frase terminada… | U+2026 (…) | Estándar RAE, libros, diseño UI y tipografía profesional |
| Tres Puntos Estándar ASCII | frase terminada... | Tres puntos 0x2E (3 caracteres) | Entornos de código fuente, consolas y texto plano legado |
| Elipsis entre Corchetes | frase terminada [...] | [ + ... + ] | Citas académicas y transcripciones donde se omitió parte del texto original |
| Elipsis con Llamada a la Acción | frase terminada... [más] | Cadena personalizada | Boletines (newsletters), tarjetas de blog y feeds sociales |
Guía paso a paso: cómo truncar texto con puntos suspensivos
- Introduce tu texto original: Pega el párrafo o artículo en el cuadro de entrada superior. Si deseas verificar el comportamiento con muestras reales, pulsa en "Ejemplo Artículo", "Ejemplo SERP" o "Ejemplo Cita".
- Selecciona la dimensión de truncamiento: Elige si prefieres truncar por caracteres (ideal para SEO y metadatos), por palabras (ideal para extractos editoriales) o por número de líneas visuales simulando la propiedad CSS
-webkit-line-clamp. - Elige el estilo de puntos suspensivos: Selecciona la elipsis tipográfica Unicode
…(recomendada por la RAE), los tres puntos tradicionales...o personaliza tu propio sufijo. - Inspecciona la tarjeta de vista previa: Comprueba el contenedor interactivo en vivo que simula cómo se visualizará el fragmento truncado en un resultado de búsqueda o tarjeta de producto móvil.
- Copia el texto o el código CSS: Pulsa en "Copiar Texto Truncado" para obtener la cadena lista, o en "Copiar Código CSS" para integrar las reglas de estilo directamente en la hoja de estilos de tu sitio web. Si prefieres recortar por palabras exactas, utiliza nuestro recortador de texto por número de palabras.
Casos de uso clave en interfaces web y copywriting
- Simulación de Snippets de Búsqueda (SERP): Permite verificar con exactitud en qué punto Bing o Google truncarán la descripción de tu página, asegurando que tu propuesta de valor y las palabras clave primarias queden visibles antes de los puntos suspensivos.
- Maquetación de Tablas de Administración (Dashboards): En paneles corporativos donde una columna contiene notas extensas de clientes, truncar a 40 caracteres con puntos suspensivos mantiene la tabla compacta y ordenada.
- Citas Textuales y Transcripciones Jurídicas: Según la norma académica APA e ISO, cuando se cita un fragmento textual omitiendo oraciones secundarias en medio de la cita, es preceptivo señalar dicha omisión mediante puntos suspensivos entre corchetes
[...].
Preguntas frecuentes sobre truncamiento y puntos suspensivos
¿Por qué es preferible el glifo Unicode U+2026 frente a tres puntos escritos a mano?
Porque el glifo Unicode … es una entidad única atómica. Cuando un texto llega al borde derecho de una línea en un navegador o documento, tres puntos ordinarios pueden sufrir un salto de línea indebido (quedando dos puntos en un renglón y uno en el siguiente), mientras que el glifo Unicode permanece siempre cohesionado.
¿Debe dejarse espacio entre la última palabra y los puntos suspensivos?
En la ortografía del español peninsular y americano normada por la RAE, no debe dejarse espacio: van unidos directamente a la última letra de la palabra que preceden (ejemplo: "Continuará…").
¿Qué ocurre si la frase ya termina en punto? ¿Se escriben cuatro puntos?
No. Las normas de la RAE señalan expresamente que cuando los puntos suspensivos van al final de un enunciado que culminaría en punto, no se añade un cuarto punto de cierre: los propios tres puntos suspensivos hacen las veces de punto final.
Categorías Recomendadas
Herramientas Relacionadas
Otras calculadoras de Herramientas de Texto que te pueden interesar.
Añadir Puntos Suspensivos a Texto
Añade puntos suspensivos a tu texto, líneas, oraciones o diálogos. Cumple normas RAE, glifo ...
Ver herramienta Herramientas de TextoEliminar Caracteres Especiales de un Texto
Elimina caracteres especiales, símbolos y signos de puntuación de tus textos online de forma ...
Ver herramienta Herramientas de TextoGenerador de Enlaces Ancla desde Texto
Crea enlaces ancla de salto interno (<a href="#seccion"> y elementos destino id) a partir de t�...
Ver herramienta Herramientas de TextoConvertidor de Texto a Header-Case
Formatea nombres y claves a cabeceras HTTP estándar (Content-Type, X-Forwarded-For). Wrappers ...
Ver herramienta Herramientas de TextoConvertidor de Texto a Código Octal
Convierte texto alfanumérico a código octal (base 8). Soporta bytes UTF-8 y puntos de código...
Ver herramienta Herramientas de TextoConvertidor de Texto a Alternado
Convierte tu texto a formato alternado (mAyÚsCuLaS y mInÚsCuLaS) gratis. Ideal para redes soc...
Ver herramienta Herramientas de TextoGenerador de Texto Relleno Técnico
Genera texto simulado para maquetas técnicas de software, DevOps, ciberseguridad y cloud compu...
Ver herramienta Herramientas de TextoGenerador de Direcciones Ficticias en Texto
Crea direcciones postales simuladas pero realistas con calles, números, pisos, códigos postal...
Ver herramienta Herramientas de TextoConvertidor de Texto a path/case
Convierte frases e identificadores a rutas jerárquicas path/case para desarrollo web, APIs y s...
Ver herramienta Herramientas de TextoRepetidor de Texto Online
Repetidor de texto online avanzado. Repite cualquier palabra, letra, frase o emoji miles de vec...
Ver herramienta Herramientas de TextoExtractor de Preguntas de un Texto
Extrae automáticamente todas las preguntas de un texto o transcripción. Clasifica preguntas a...
Ver herramienta Herramientas de TextoConvertidor de Texto a Cifra Base58
Codifica texto o bytes hexadecimales a Base58 (alfabetos Bitcoin, Ripple y Flickr). Soporte par...
Ver herramienta Herramientas de TextoConvertidor de Texto a Código Bacon
Cifra texto con el cifrado esteganográfico bilítero de Francis Bacon. Genera quintetos binari...
Ver herramienta Herramientas de TextoConvertidor de texto a formato de oración
Convierte tu texto a formato de oración: mayúscula solo al inicio de cada frase, el resto en ...
Ver herramienta Herramientas de TextoGenerador de Rimas para Texto
Generador de rimas para texto online: analiza estrofas poéticas y letras de canciones, detecta...
Ver herramienta Herramientas de TextoGenerador de Hash CRC32 desde Texto
Calcula la suma de comprobación CRC32 (Cyclic Redundancy Check) de cualquier texto o código....
Ver herramienta Herramientas de TextoExtraer Precios y Monedas de Texto
Extrae los importes de dinero de un texto: reconoce símbolos (€, $, £), códigos ISO, palab...
Ver herramienta Herramientas de TextoRecortador de Texto por Número de Caracteres
Recorta textos exactamente al límite de caracteres deseado. Corte estricto o respetando palabr...
Ver herramienta Herramientas de TextoConvertidor de Columnas de Texto a Filas
Convierte listas verticales de texto en filas horizontales separadas por comas, tabulaciones o ...
Ver herramienta Herramientas de TextoConvertidor de Texto a Decimal
Transforma texto a valores numéricos decimales (base 10). Modos de Puntos de Código Unicode y...
Ver herramienta Herramientas de TextoGenerador de Texto Subrayado
Genera texto subrayado Unicode para WhatsApp, Instagram y Discord. 4 variantes (simple, doble, ...
Ver herramienta Herramientas de TextoExtraer Texto entre Paréntesis
Aísla y extrae automáticamente todo el texto contenido entre paréntesis (...) con soporte de...
Ver herramienta