Troncatore di testo

Tronca il testo a un numero specifico di caratteri o parole con puntini di sospensione personalizzati

Che cos'è e come funziona?

Il troncamento del testo accorcia il testo a una lunghezza specificata — tipicamente aggiungendo un ellissi (…) alla fine — per adattarsi ai vincoli di visualizzazione. Appare costantemente nel design UI: titoli di card, celle di tabelle, breadcrumb, etichette mobile e anteprime di notifiche.

Questo strumento tronca il testo per numero di caratteri, parole o frasi, con suffisso configurabile. Gestisce casi limite come coppie surrogate Unicode e troncamento sicuro di entità HTML.

Casi d'uso

• Titoli griglia card: tronca i nomi dei prodotti a 60 caratteri (limite di parola) per mantenere un layout card coerente.
• Limiti colonne database: tronca il testo della bio utente a 255 caratteri prima di inserirlo in una colonna VARCHAR(255).
• Meta description SEO: riduci la descrizione di una pagina a 155–160 caratteri per il frammento di ricerca Google.

Domande frequenti

Qual è la differenza tra troncamento per caratteri e per parole?

Il troncamento per caratteri taglia a una posizione esatta — preciso ma può tagliare a metà parola. Il troncamento per parole trova l'ultima parola completa prima del limite — risultati più leggibili.

Come gestisco emoji e Unicode multi-byte nel troncamento?

Gli emoji usano più unità di codice in JavaScript. Soluzione moderna: `Array.from(str).slice(0, limit).join("")` itera sui punti di codice Unicode.

Come funziona il troncamento del testo CSS?

Riga singola: `overflow: hidden; white-space: nowrap; text-overflow: ellipsis;`. Multi-riga: `-webkit-line-clamp` supportato dalla maggior parte dei browser.

Quanti caratteri sono appropriati per i diversi contesti?

Twitter: 280; SMS: 160; meta description SEO: 155–160; titolo Google: ~60; VARCHAR: 255 o 1000 caratteri.

Testo

Maiuscolo / Minuscolo · Contatore di parole · Contatore di caratteri · Generatore Lorem Ipsum · Rimuovi spazi extra · Ordina righe di testo