Text-Box-Generator
Umrahme beliebigen Text mit einer gezeichneten Box oder einem Rahmen aus einfachen Unicode-Linienzeichen. Tippe oder füge deinen Text ein, wähle einen Rahmenstil, eine Ausrichtung und einen Innenabstand und kopiere dann das Ergebnis. Es ist gewöhnlicher Text, kein Bild, sodass sich die Box in einen Kommentar, eine README, einen Code-Block, ein Terminal oder einen Chat einfügen lässt — und nichts verlässt deinen Browser.
Ausrichtung
Innenabstand
So verwenden Sie Text-Box
- 1
Text eingeben oder einfügen
Gib den Text ein, den du umrahmen möchtest. Eine Zeile oder viele — die Box wächst, bis sie auf die breiteste Zeile passt.
- 2
Box-Stil wählen
Wähle einen Rahmen wie Einfach, Abgerundet, Doppelt, Fett, ASCII, Gestrichelt, Stern oder Block, passend zu der Stelle, an der du ihn einfügst.
- 3
Ausrichtung und Innenabstand festlegen
Richte den Text in der Box links, zentriert oder rechts aus und füge etwas Innenabstand hinzu, damit die Wörter ein wenig Luft zum Rahmen haben.
- 4
Kopieren und einfügen
Der umrahmte Text erscheint sofort darunter. Kopiere ihn und setze ihn in einen Kommentar, eine README, einen Code-Block, ein Terminal oder einen Chat.
Über das Zeichnen von Boxen und Rahmen um Text
Was Rahmenzeichen sind
Lange vor jeder Grafik zeichneten Terminals Tabellen, Rahmen und Menüs mithilfe eines speziellen Blocks von Unicode-Zeichen, der eigens dafür geschaffen wurde: Ecken, waagerechte und senkrechte Linien sowie Verbindungsstücke, die sich nahtlos zu einer durchgehenden Umrandung fügen. Genau dieselben Zeichen funktionieren noch heute in jeder modernen App, sodass Sie eine Notiz oder eine Überschrift mit einem echten Rechteck umrahmen können, statt mit einer Reihe von Bindestrichen, die sich an den Ecken nicht ganz treffen.
Da jedes Zeichen gewöhnlicher Text ist, ist eine Box, die Sie hier erstellen, kein Bild. Sie lässt sich wie alle anderen Wörter kopieren und einfügen, übersteht das Zitieren und Bearbeiten und kann von allem gelesen werden, das Text liest — und genau deshalb taucht umrahmter Text überall in README-Dateien, Kommandozeilen-Tools und Code-Kommentaren auf.
Ein Blick in den Unicode-Block für Rahmenzeichen
Die Linienzeichen stammen aus einem eigenen Bereich von Unicode, dem Block Box Drawing — einer Sammlung von rund 128 Zeichen, die in der Ära der Textterminals entworfen wurde, damit Software Tabellen und Fenster zeichnen konnte. Er enthält die vier Ecken, die waagerechten und senkrechten Linien sowie die T-förmigen und kreuzförmigen Verbindungsstücke, und das in mehreren Strichstärken: dünn, kräftig und doppelt. Auch die abgerundeten Ecken, die dem Stil Abgerundet sein weiches Aussehen verleihen, gehören zu demselben Block, weshalb die Rundung sauber auf die geraden Linien trifft.
Zu wissen, dass es diesen Block gibt, erklärt, warum die Rahmen hier perfekt zusammenpassen, während eine von Hand getippte Umrandung aus Bindestrichen und Pluszeichen das nie ganz schafft. Ein echtes Eckzeichen oben links ist so gebaut, dass es eine echte waagerechte Linie auf exakt der richtigen Höhe trifft, sodass sich das Rechteck lückenlos schließt — etwas, das die Tasten für Unterstrich und senkrechten Strich auf Ihrer Tastatur nicht versprechen können.
Stil und Layout wählen
Die Rahmenstile bestimmen die Stimmung. Einfach und Abgerundet sind dezent und ordentlich für eine kleine Notiz; Doppelt und Fett ziehen mehr Aufmerksamkeit auf sich und eignen sich gut für einen Titel oder eine Warnung; ASCII ist die sichere Wahl, wenn Sie nicht sicher sind, ob das Ziel ausgefallene Zeichen unterstützt, denn es nutzt nur die einfachsten Tasten. Stern und Block wirken dekorativ und fallen in einem Chat oder einem Banner auf.
Ausrichtung und Innenabstand steuern, wie die Wörter im Rahmen sitzen. Eine zentrierte Ausrichtung passt zu einem kurzen Titel, während die linksbündige Ausrichtung für eine Liste oder einen Satz natürlich bleibt. Ein Innenabstand von eins oder zwei fügt etwas Spielraum hinzu, damit der Text den Rand nicht berührt — das liest sich in der Regel besser als ein Rahmen, der dicht an den Buchstaben klebt.
Unicode-Rahmen im Vergleich zur ASCII-Alternative
Es gibt hier zwei Familien von Rahmen, und die richtige Wahl hängt vor allem davon ab, wo die Box am Ende landet. Die Unicode-Stile — Einfach, Abgerundet, Doppelt und Fett — zeichnen klare, durchgehende Linien und sehen in modernen Apps am besten aus, die den Block der Rahmenzeichen vollständig unterstützen, was heute fast überall der Fall ist. Der ASCII-Stil ist bewusst schlichter gehalten: Er baut den Rahmen allein aus den Tasten für Plus, Minus und den senkrechten Strich — den Zeichen, die jedes System von Anfang an unterstützt hat.
Greifen Sie zu ASCII, wenn das Ziel alt, unbekannt oder streng bei den Zeichen ist — ein älteres Terminal, eine Konfigurationsdatei, eine E-Mail im reinen Textformat oder Code, der reines ASCII bleiben muss. Die Ecken wirken dann etwas klobiger, weil ein Pluszeichen die Aufgabe eines echten Eckzeichens übernimmt, aber die Box wird garantiert überall gleich dargestellt. Für alles andere liefern die Unicode-Stile das sauberere Ergebnis.
Warum Festbreitenschriften wichtig sind, mit einem durchgerechneten Beispiel
Eine gezeichnete Box bleibt nur dann rechtwinklig, wenn jedes Zeichen dieselbe Breite einnimmt — das ist das entscheidende Merkmal einer Festbreitenschrift, also einer Monospace-Schrift. In diesem Fall ergeben die obere Linie, die untere Linie und die seitlichen Striche jeweils dieselbe Anzahl an Spalten, sodass sich das Rechteck sauber schließt. Tippen Sie in diesem Tool Hello mit einem Einfach-Rahmen und einem Innenabstand von eins ein, erhalten Sie eine obere Zeile aus Ecken und Bindestrichen, eine mittlere Zeile mit │ Hello │ und eine dazu passende untere Zeile — drei Reihen, deren Ränder in jeder Code-Schrift perfekt fluchten.
Setzen Sie genau dieselbe Box in einen Chat, der eine proportionale Schrift verwendet, zerbricht die Illusion, denn ein schmaler Buchstabe wie i nimmt weniger Platz ein als ein breiter wie m, sodass der rechte Rand ausgefranst wirkt. Die Lösung besteht darin, die Box dorthin zu setzen, wo eine Festbreitenschrift gilt — in einen Code-Block oder ein Terminal — und nicht darin, die Box selbst zu ändern.
Boxen mit breiten Zeichen ausrichten
Die meisten Buchstaben und Ziffern nehmen eine Spalte ein, doch manche Zeichen nehmen zwei ein. Emojis sowie chinesischer, japanischer und koreanischer Text sind in einem Terminal doppelt breit, sodass das Tool sie als ein Zeichen zählt, der Bildschirm sie jedoch über zwei Spalten zeichnet. Das Ergebnis ist eine Box, deren rechter Rand um eine Spalte verschoben aussieht, obwohl der zugrunde liegende Text rechteckig ist — die Zählung stimmt, doch die Darstellung fällt breiter aus.
Das ist eine Eigenschaft dessen, wie Schriften diese Schriftsysteme darstellen, und kein Mangel der Box. Wenn ein Rahmen um Emojis oder CJK-Text schief wirkt, verträgt ein schlichter Einfach- oder ASCII-Stil den Unterschied am besten, und etwas zusätzlicher Innenabstand kann eine Verschiebung um eine Spalte kaschieren. Für vollkommen rechtwinklige Ergebnisse beschränken Sie den Inhalt am besten auf Zeichen mit einfacher Breite.
Umrahmten Text gekonnt einsetzen
Umrahmter Text glänzt, wenn er etwas hervorhebt — einen Titel am Anfang einer README, eine Notiz in einem Code-Kommentar, ein ASCII-Banner in einem Terminal-Programm oder eine hervorgehobene Nachricht in einem Code-Block in einem Forum. Greifen Sie zu einer Box, wenn ein Textblock einen sichtbaren Rahmen verdient, und halten Sie den Inhalt kurz, damit das Rechteck eine vernünftige Breite behält.
Die eine Regel, auf die es ankommt, ist die Schrift. Eine Box bleibt nur in einer Monospace-Umgebung rechtwinklig, also fügen Sie sie dort ein, wo eine Festbreitenschrift verwendet wird, und bevorzugen Sie einen einfachen Linienstil, wenn Sie nicht sicher sein können. Auf GitHub, Discord, Reddit und Slack heißt das, die Box in einen Code-Block zu setzen, der eine Festbreitenschrift erzwingt und jeden Rand in einer Linie hält.
Häufig gestellte Fragen
Was ist ein Text-Box-Generator?
Wie kopiere ich die Box?
Wo sieht umrahmter Text am besten aus?
Warum sieht die Box in manchen Apps schief aus?
Was ist der Unterschied zwischen den Stilen?
Wird mein Text irgendwohin gesendet?
Verwandte Tools
Machen Sie weiter mit diesen praktischen Tools