Compteur de caractères

De quel « caractère » parle-t-on ?

Les limites de caractères semblent simples jusqu’à l’arrivée d’un emoji ou d’une lettre accentuée. Le drapeau 🇫🇷 est un seul symbole à l’écran, mais deux points de code Unicode, quatre unités UTF-16 (ce que renvoie .length en JavaScript) et huit octets UTF-8 (ce qu’une colonne de base de données peut compter). Ce compteur affiche toutes ces valeurs pour respecter la règle de votre plateforme.

Définissez une limite pour voir combien de caractères il vous reste : 160 pour une meta description, 280 pour un post sur X, 2 200 pour une légende Instagram, 80 pour une bio TikTok.

Exemple

é👍🏽 fait 2 caractères à l’écran : é et un pouce levé avec une teinte de peau moyenne. Cela représente 3 points de code (le pouce et le modificateur de teinte sont distincts), 5 unités UTF-16 et 10 octets UTF-8. Un champ limité à 2 « caractères » en JavaScript le refuserait ; une colonne UTF-8 de 10 octets l’accepterait tout juste.

Espaces et lignes

La ligne des caractères sans espaces est celle qu’utilisent certains tarifs de traduction et consignes de devoirs ; les feuillets se comptent plutôt espaces comprises.

La page compte les caractères perçus avec Intl.Segmenter, l’implémentation par le navigateur de la segmentation de texte Unicode : lettres accentuées, drapeaux et séquences d’emoji comptent chacun une fois. Elle compte aussi lettres et chiffres via les classes de caractères Unicode, les espaces, les points de code, les unités UTF-16 (la longueur JavaScript), les octets UTF-8 avec l’encodeur du navigateur et les lignes. Avec une limite, la première ligne indique les caractères restants, négatifs en cas de dépassement. Tout se passe dans votre navigateur.