Tronqueur de texte

Tronquer le texte à un nombre spécifique de caractères ou de mots avec ellipse personnalisée

Qu'est-ce que c'est et comment ça marche ?

La troncature de texte raccourcit le texte à une longueur spécifiée — généralement avec des points de suspension (…) à la fin — pour s'adapter aux contraintes d'affichage. Elle apparaît constamment dans la conception UI : titres de cartes, cellules de tableaux, fils d'Ariane, étiquettes mobiles et aperçus de notifications.

Cet outil tronque le texte par nombre de caractères, de mots ou de phrases, avec un suffixe configurable. Il gère les cas limites comme les paires de substitution Unicode et la troncature sécurisée d'entités HTML.

Cas d'usage

Questions fréquentes

Quelle est la différence entre troncature par caractères et par mots ?

La troncature par caractères coupe à une position exacte — propre mais peut couper en milieu de mot. La troncature par mots trouve le dernier mot complet avant la limite — résultats plus lisibles.

Comment gérer les emoji et l'Unicode multi-octets lors de la troncature ?

Les emoji utilisent plusieurs unités de code en JavaScript. Solution moderne : `Array.from(str).slice(0, limit).join("")` itère sur les points de code Unicode.

Comment fonctionne la troncature de texte CSS ?

Ligne unique : `overflow: hidden; white-space: nowrap; text-overflow: ellipsis;`. Multi-lignes : `-webkit-line-clamp` pris en charge dans la plupart des navigateurs.

Quel nombre de caractères convient aux différents contextes ?

Twitter : 280 ; SMS : 160 ; méta-description SEO : 155–160 ; titre Google : ~60 ; VARCHAR : 255 ou 1000 caractères.

Texte

Majuscules / Minuscules · Compteur de mots · Compteur de caractères · Générateur Lorem Ipsum · Supprimer les espaces · Trier les lignes de texte