Générateur de boîte de texte
Enveloppez n'importe quel texte dans une boîte ou une bordure dessinée à partir de simples caractères de ligne Unicode. Saisissez ou collez votre texte, choisissez un style de cadre, un alignement et une marge, puis copiez le résultat. C'est du texte ordinaire, pas une image : la boîte se colle donc dans un commentaire, un README, un bloc de code, un terminal ou une discussion — et rien ne quitte votre navigateur.
Alignement
Marge
Comment utiliser Boîte de Texte
- 1
Saisissez ou collez votre texte
Saisissez le texte que vous voulez encadrer. Une ligne ou plusieurs — la boîte s'agrandit pour s'adapter à la ligne la plus large.
- 2
Choisissez un style de boîte
Choisissez un cadre comme Simple, Arrondi, Double, Gras, ASCII, Tireté, Étoile ou Bloc selon l'endroit où vous le collerez.
- 3
Réglez l'alignement et la marge
Alignez le texte à gauche, au centre ou à droite dans la boîte, et ajoutez une marge intérieure pour laisser un peu d'air autour des mots.
- 4
Copiez et collez
Le texte encadré apparaît instantanément en dessous. Copiez-le et déposez-le dans un commentaire, un README, un bloc de code, un terminal ou une discussion.
À propos du dessin de boîtes et de bordures autour du texte
Ce que sont les caractères de dessin de boîte
Bien avant les interfaces graphiques, les terminaux dessinaient des tableaux, des cadres et des menus à l'aide d'un bloc spécial de caractères Unicode conçus exactement pour cela : des coins, des lignes horizontales et verticales, et des jonctions qui s'assemblent sans rupture en une bordure continue. Ces mêmes caractères fonctionnent encore dans n'importe quelle application moderne, vous pouvez donc encadrer une note ou un titre avec un véritable rectangle plutôt qu'avec une rangée de tirets qui ne se rejoignent pas tout à fait aux coins.
Parce que chaque glyphe est du texte ordinaire, une boîte que vous construisez ici n'est pas une image. Elle se copie et se colle comme n'importe quels autres mots, survit à une citation ou à une modification, et peut être lue par tout ce qui lit du texte — c'est pourquoi on retrouve du texte encadré dans les fichiers README, les outils en ligne de commande et les commentaires de code, partout.
Un aperçu du bloc Box Drawing d'Unicode
Les glyphes de lignes proviennent d'une plage dédiée d'Unicode appelée le bloc Box Drawing, un ensemble d'environ 128 caractères conçus à l'époque des terminaux texte pour que les logiciels puissent dessiner tableaux et fenêtres. Il contient les quatre coins, les lignes horizontales et verticales, ainsi que les jonctions en T et en croix, dans plusieurs épaisseurs : fines, épaisses et doublées. Les coins arrondis qui donnent au style Arrondi son aspect tout en douceur font partie du même bloc, c'est pourquoi la courbe rejoint proprement les lignes droites.
Savoir que ce bloc existe explique pourquoi les cadres proposés ici se rejoignent parfaitement, alors qu'une bordure tapée à la main avec des tirets et des plus n'y parvient jamais tout à fait. Un véritable glyphe de coin supérieur gauche est conçu pour rejoindre une véritable ligne horizontale exactement à la bonne hauteur, si bien que le rectangle se referme sans laisser d'interstices — ce que les touches de soulignement et de barre verticale de votre clavier ne peuvent pas garantir.
Choisir un style et une mise en page
Les styles de cadre donnent le ton. Simple et Arrondi sont discrets et nets pour une petite note ; Double et Gras attirent davantage l'attention, parfaits pour un titre ou un avertissement ; ASCII est le choix sûr lorsque vous n'êtes pas certain que la destination prend en charge les caractères fantaisistes, puisqu'il n'utilise que les touches les plus basiques. Étoile et Bloc sont décoratifs et se démarquent dans une discussion ou une bannière.
L'alignement et la marge déterminent la façon dont les mots se placent à l'intérieur du cadre. L'alignement centré convient à un titre court, tandis que l'alignement à gauche reste naturel pour une liste ou une phrase. Une marge intérieure de un ou deux ajoute un espace autour du texte pour qu'il ne touche pas la bordure, ce qui se lit généralement mieux qu'un cadre collé contre les lettres.
Bordures Unicode contre repli ASCII
Il existe ici deux familles de cadres, et choisir la bonne dépend surtout de l'endroit où la boîte va vivre. Les styles Unicode — Simple, Arrondi, Double et Gras — dessinent des lignes nettes et continues, et donnent le meilleur d'eux-mêmes dans les applications modernes qui prennent pleinement en charge le bloc Box Drawing, c'est-à-dire presque partout aujourd'hui. Le style ASCII est volontairement plus dépouillé : il construit le cadre à partir des seules touches plus, moins et barre verticale, les caractères que tous les systèmes prennent en charge depuis l'origine.
Tournez-vous vers ASCII lorsque la destination est ancienne, inconnue ou stricte sur les caractères — un terminal hérité, un fichier de configuration, un e-mail en texte brut, ou du code qui doit rester en pur ASCII. Les coins paraîtront un peu plus anguleux, car un signe plus fait le travail d'un véritable glyphe de coin, mais la boîte s'affichera de façon identique partout, c'est garanti. Pour tout le reste, les styles Unicode offrent un résultat plus net.
Pourquoi les polices monospace comptent, et un exemple concret
Une boîte dessinée ne reste carrée que si chaque caractère occupe la même largeur, ce qui est la caractéristique déterminante d'une police monospace, ou à chasse fixe. Dans ce contexte, la ligne du haut, la ligne du bas et les barres latérales mesurent toutes le même nombre de colonnes, si bien que le rectangle se referme proprement. Saisissez Hello dans cet outil avec un cadre Simple et une marge de un, et vous obtenez une ligne supérieure faite de coins et de tirets, une ligne centrale affichant │ Hello │, et une ligne inférieure assortie — trois rangées dont les bords s'alignent parfaitement dans n'importe quelle police de code.
Déposez cette même boîte dans une discussion qui utilise une police proportionnelle et l'illusion se brise, car une lettre fine comme i prend moins de place qu'une lettre large comme m, laissant la bordure droite irrégulière. La solution consiste à placer la boîte là où une police à chasse fixe règne — un bloc de code ou un terminal — plutôt qu'à modifier la boîte elle-même.
Aligner des boîtes contenant des caractères larges
La plupart des lettres et des chiffres occupent une colonne, mais certains caractères en occupent deux. Les émojis, ainsi que les textes chinois, japonais et coréens, sont de double largeur dans un terminal : l'outil peut donc les compter comme un seul caractère alors que l'écran les dessine sur deux colonnes. Le résultat est une boîte dont le bord droit semble décalé d'une colonne, même si le texte sous-jacent est bien rectangulaire — le décompte est juste, mais le rendu est plus large.
C'est une propriété de la façon dont les polices affichent ces écritures, et non un défaut de la boîte. Si un cadre autour d'émojis ou de texte CJK paraît de travers, un simple style Simple ou ASCII tolère le mieux la différence, et ajouter un peu de marge intérieure peut masquer une dérive d'une colonne. Pour des résultats parfaitement carrés, limitez le contenu à des caractères de largeur simple.
Bien utiliser le texte encadré
Le texte encadré brille lorsqu'il met quelque chose en évidence — un titre en haut d'un README, une note dans un commentaire de code, une bannière ASCII dans un programme de terminal, ou un message mis en valeur dans un bloc de code sur un forum. Optez pour une boîte quand un bloc de texte mérite un cadre visible, et gardez le contenu court pour que le rectangle conserve une largeur raisonnable.
La seule règle qui compte, c'est la police. Une boîte ne reste carrée que dans un contexte monospace, alors collez-la là où une police à chasse fixe est utilisée, et préférez un style de ligne simple si vous n'en êtes pas sûr. Sur GitHub, Discord, Reddit et Slack, cela revient à envelopper la boîte dans un bloc de code, ce qui force une police à chasse fixe et maintient chaque bord bien aligné.
Questions fréquentes
Qu'est-ce qu'un générateur de boîte de texte ?
Comment copier la boîte ?
Où le texte encadré rend-il le mieux ?
Pourquoi la boîte semble-t-elle de travers dans certaines applications ?
Quelle est la différence entre les styles ?
Mon texte est-il envoyé quelque part ?
Outils similaires
Continuez avec ces outils pratiques