Aller au contenu

Éditeur de schémas ASCII

ASCII Diagram Editor

Dessine boîtes, traits, flèches et étiquettes sur une grille de caractères, en déduisant chaque coin et chaque jonction des voisins occupés, en caractères de filet Unicode ou en ASCII pur.

Ce qui rend les schémas ASCII pénibles à la main, ce sont les coins. Mettez un ┌ là où il faut un ┬ et le dessin est subtilement faux ; décidez plus tard qu’il doit tenir dans un commentaire de code et chacun de ces caractères doit être retrouvé et remplacé. Cet éditeur ne vous laisse jamais en choisir un. Vous dites où est une boîte et où passe une ligne, et chaque cellule détermine son propre glyphe d’après ceux de ses quatre voisins qui sont occupés — donc des lignes qui se croisent produisent un ┼ sans qu’aucune des deux ne sache l’autre, et faire passer tout le dessin en ASCII pur tient en un réglage.

🔒 Fonctionne entièrement dans votre navigateurasciidiagrameditordevelopertext
Outil

Caractères de dessin de boîtes U+2500. Présents dans toutes les polices à chasse fixe en usage depuis 1995 environ.

Forme sélectionnée

Rien n’est sélectionné. Prenez l’outil de sélection et cliquez sur une forme.

Schéma

 
Aucun caractère de coin ou de jonction n’est jamais choisi à la main. Une boîte dit où passe sa bordure et un trait dit où il court ; chaque cellule déduit ensuite son propre glyphe des quatre directions qu’elle relie. C’est pour cela que deux traits qui se croisent donnent un ┼ sans que l’un connaisse l’autre, et pour cela que passer en ASCII pur est un réglage plutôt qu’un rechercher-remplacer sur votre dessin.
Le jeu ASCII perd volontairement de l’information : un seul + pour les onze jonctions et pour les deux paires de coins. Un schéma capable de survivre à un commentaire de code, à un message de commit, à un Makefile ou à un terminal doté d’une police de 1994 vaut mieux qu’un plus joli qui arrive en carrés.
Trois choses qu’il ne fait pas. Pas de traits diagonaux, parce qu’aucun caractère de filet n’en est un : un glissement en diagonale est routé en coude. Pas de routage automatique autour des obstacles ; un trait passe là où vous le mettez. Et pas de retour à la ligne du texte dans une boîte.

Comment s’en servir

  1. Tirez d’abord les boîtes, puis reliez-les

    Un glissement avec l’outil boîte fait une boîte ; un clic fait la plus petite qui soit encore une boîte. Prenez ensuite l’outil flèche et tirez de l’une à l’autre — une extrémité qui atterrit dans une boîte est tirée vers la cellule de bord la plus proche, parce que tirer *vers* une boîte veut dire s’y attacher et qu’une ligne au travers du milieu n’est jamais ce qui était voulu.

  2. Choisissez le jeu de caractères selon la destination

    Les caractères de filets Unicode pour un README ou un terminal. L’ASCII pur — seulement - | + < > ^ v — pour un commentaire de code, un message de commit, un Makefile, ou partout où l’encodage n’est pas certain. Le jeu ASCII est délibérément à perte : un seul + pour les onze jonctions. Un schéma qui arrive intact vaut mieux qu’un plus joli qui arrive en carrés.

  3. Étiquetez les boîtes depuis le panneau, pas en tapant dedans

    Sélectionnez une boîte et tapez son étiquette dans le panneau en dessous ; elle est centrée automatiquement et suit la boîte. Une étiquette plus large que sa boîte est rognée plutôt que réenroulée, et la page dit lesquelles — réenrouler changerait la forme du dessin, ce qu’une étiquette n’a pas à faire.

Questions fréquentes

Puis-je tracer une ligne en diagonale ?

Non, et ce n’est pas une fonction manquante. Il n’existe pas de caractère de filet pour une diagonale — le bloc a ─ │ et les coins, et rien à 45 degrés. Un glissement qui n’est ni horizontal ni vertical est routé en coude à la place, ce qui est ce que le schéma voulait, et vous pouvez choisir quelle branche part la première.

Va-t-il router les lignes autour de mes boîtes ?

Non. Le routage orthogonal automatique autour d’obstacles est un vrai algorithme, et un mauvais est pire qu’une ligne droite que vous avez placée vous-même — il déplace votre schéma pendant que vous essayez de le dessiner. Les lignes vont là où vous les mettez.

À alimenter depuis

Ensuite

Ces outils acceptent ce que celui-ci produit : le résultat peut y aller directement.

Générateur de tableau ASCII

ASCII Table Generator

Rend un tableau en ASCII à chasse fixe, en Markdown ou avec des bordures en caractères semi-graphiques, pour un README ou un commentaire.

Fonctionne entièrement dans votre navigateur

Capture de code en image

Code Screenshot

Rend un extrait de code en image avec coloration syntaxique, cadre de fenêtre et thème au choix.

Fonctionne entièrement dans votre navigateur

Éditeur Markdown

Markdown Editor

Édite du Markdown avec un aperçu en direct et exporte le HTML rendu, tableaux GFM et listes de tâches compris.

Fonctionne entièrement dans votre navigateur

Art textuel en image

Text Art to Image

Rend n’importe quel art textuel à chasse fixe en PNG ou en SVG, avec police, taille de cellule, couleur, fond et transparence au choix, pour qu’il survive à une publication là où la chasse fixe ne l’est pas.

Fonctionne entièrement dans votre navigateur

Horoscope du jour par signe animal et signe astrologique

Daily Fortune by Zodiac Animal & Star Sign

Compose la lecture d’une journée pour un signe animal ou un signe du zodiaque à partir du 일진 propre au jour et du tempérament traditionnel du signe. La graine vient de la date, si bien que le texte est le même toute la journée et qu’un rechargement ne le retire pas.

Fonctionne entièrement dans votre navigateur

Compatibilité des signes (궁합)

Zodiac Compatibility (궁합)

Deux dates de naissance donnent deux signes animaux et deux troncs du jour. L’outil rapporte la relation exacte entre eux — 삼합, 육합, 충, 원진, 형, 파, 해 — et la relation des cinq éléments entre les troncs du jour, chacune avec son verdict traditionnel.

Fonctionne entièrement dans votre navigateur