Zum Inhalt springen

ASCII-Diagramm-Editor

ASCII Diagram Editor

Zeichnet Kästen, Linien, Pfeile und Beschriftungen auf einem Zeichenraster und leitet jede Ecke und Kreuzung daraus ab, welche Nachbarn belegt sind, in Unicode-Rahmenzeichen oder reinem ASCII.

Was ASCII-Diagramme von Hand mühsam macht, sind die Ecken. Setzen Sie ein ┌, wo ein ┬ hingehört, und die Zeichnung ist subtil falsch; entscheiden Sie später, dass sie in einen Quellcode-Kommentar muss, und jedes dieser Zeichen muss gefunden und ersetzt werden. Dieser Editor lässt Sie nie eines wählen. Sie sagen, wo ein Kasten ist und wo eine Linie verläuft, und jede Zelle ermittelt ihre eigene Glyphe daraus, welche ihrer vier Nachbarn belegt sind – sich kreuzende Linien ergeben also ┼, ohne dass eine Linie von der anderen weiß, und die ganze Zeichnung auf reines ASCII umzustellen ist eine Einstellung.

🔒 Läuft vollständig in Ihrem Browserasciidiagrameditordevelopertext
Werkzeug

Rahmenzeichen ab U+2500. In jeder Monospace-Schrift, die seit etwa 1995 im Einsatz ist.

Ausgewählte Form

Nichts ausgewählt. Nehmen Sie das Auswahlwerkzeug und klicken Sie eine Form an.

Diagramm

 
Kein Ecken- oder Kreuzungszeichen wird je von Hand gewählt. Ein Kasten sagt, wo sein Rand ist, und eine Linie sagt, wo sie verläuft; jede Zelle leitet danach ihre eigene Glyphe aus den vier Richtungen ab, in die sie verbindet. Deshalb ergeben zwei kreuzende Linien ein ┼, ohne dass eine von der anderen weiß, und deshalb ist der Wechsel zu reinem ASCII eine Einstellung und kein Suchen-und-Ersetzen über Ihre Zeichnung.
Der ASCII-Satz ist mit Absicht verlustbehaftet: ein einziges + für alle elf Kreuzungen und für beide Eckenpaare. Ein Diagramm, das den Weg in einen Quellcode-Kommentar, eine Commit-Nachricht, ein Makefile oder ein Terminal mit einer Schrift von 1994 übersteht, ist mehr wert als ein hübscheres, das als Kästchen ankommt.
Drei Dinge tut es nicht. Keine Diagonalen, weil kein Rahmenzeichen eine ist — ein diagonales Ziehen wird als Knick geführt. Kein automatisches Routen um Hindernisse; eine Linie läuft dort, wo Sie sie hinlegen. Und kein Textumbruch innerhalb eines Kastens.

So funktioniert es

  1. Ziehen Sie zuerst Kästen, dann verbinden Sie sie

    Ein Zug mit dem Kastenwerkzeug macht einen Kasten; ein Klick macht den kleinsten, der noch ein Kasten ist. Dann nehmen Sie das Pfeilwerkzeug und ziehen von einem zum anderen – ein Endpunkt, der in einem Kasten landet, wird zur nächsten Randzelle gezogen, denn *zu* einem Kasten zu ziehen heißt, daran anzudocken, und eine Linie durch die Mitte war nie gemeint.

  2. Wählen Sie den Zeichensatz nach dem Ziel

    Unicode-Rahmenzeichen für eine README oder ein Terminal. Reines ASCII – nur - | + < > ^ v – für einen Quellcode-Kommentar, eine Commit-Nachricht, ein Makefile oder überall, wo die Kodierung nicht sicher ist. Der ASCII-Satz ist absichtlich verlustbehaftet: ein + für alle elf Verbindungen. Ein Diagramm, das unversehrt ankommt, schlägt ein hübscheres, das als Kästchen ankommt.

  3. Beschriften Sie Kästen über das Feld, nicht durch Hineintippen

    Wählen Sie einen Kasten und tippen Sie seine Beschriftung in das Feld darunter; sie wird automatisch darin zentriert und wandert mit dem Kasten. Eine Beschriftung, die breiter ist als ihr Kasten, wird abgeschnitten statt umbrochen, und die Seite sagt, welche – ein Umbruch würde die Form der Zeichnung ändern, und das sollte eine Beschriftung nicht tun.

Häufige Fragen

Kann ich eine diagonale Linie zeichnen?

Nein, und das ist keine fehlende Funktion. Es gibt kein Rahmenzeichen für eine Diagonale – der Block hat ─ │ und die Ecken und nichts bei 45 Grad. Ein Zug, der weder waagerecht noch senkrecht ist, wird stattdessen als Winkel geführt, was das Diagramm wollte, und Sie können wählen, welches Stück zuerst geht.

Führt es Linien um meine Kästen herum?

Nein. Orthogonales Auto-Routing um Hindernisse ist ein echter Algorithmus, und ein schlechter ist schlimmer als eine gerade Linie, die Sie selbst gesetzt haben – er verschiebt Ihr Diagramm, während Sie versuchen, es zu zeichnen. Linien gehen dorthin, wo Sie sie setzen.

Eingabe aus

Danach

Diese Tools nehmen an, was dieses hier erzeugt, das Ergebnis kann also direkt weiter.

ASCII-Tabellen-Generator

ASCII Table Generator

Rendert eine Tabelle als Monospace-ASCII, Markdown oder mit Rahmenzeichen, für READMEs und Kommentare.

Läuft vollständig in Ihrem Browser

Code-Screenshot

Code Screenshot

Rendert einen Codeausschnitt als Bild mit Syntaxhervorhebung, Fensterrahmen und wählbarem Theme.

Läuft vollständig in Ihrem Browser

Markdown-Editor

Markdown Editor

Bearbeitet Markdown mit Live-Vorschau und exportiert das gerenderte HTML, mit GFM-Tabellen und Aufgabenlisten.

Läuft vollständig in Ihrem Browser

Textkunst als Bild

Text Art to Image

Rendert jede Monospace-Textkunst als PNG oder SVG mit gewählter Schrift, Zellgröße, Farbe, Hintergrund und optionaler Transparenz, damit sie das Posten dort übersteht, wo Monospace nicht erhalten bleibt.

Läuft vollständig in Ihrem Browser

Tageshoroskop nach Tierzeichen und Sternzeichen

Daily Fortune by Zodiac Animal & Star Sign

Setzt die Tageslesung für ein Tierzeichen oder Sternzeichen aus dem 일진 des Tages und dem überlieferten Temperament des Zeichens zusammen, nach koreanischer Tradition. Aus dem Datum gesät, also den ganzen Tag gleich – Neuladen würfelt nicht neu.

Läuft vollständig in Ihrem Browser

Tierkreis-Partnerhoroskop (궁합)

Zodiac Compatibility (궁합)

Zwei Geburtsdaten ergeben zwei Tierzeichen und zwei Tagesstämme. Berichtet die genaue Beziehung zwischen ihnen – 삼합, 육합, 충, 원진, 형, 파, 해 – und die Fünf-Elemente-Beziehung der Tagesstämme, jeweils mit dem überlieferten Urteil der koreanischen Tradition.

Läuft vollständig in Ihrem Browser