Vad är inramad text?

Inramad text är text som omges av en kant gjord av tecken, till exempel ┌───┐, │ och └───┘. Unicode innehåller ett helt block med kantlinjetecken med enkla, dubbla, kraftiga, rundade och streckade linjer som sammanfogas till rena hörn i ett monospace-teckensnitt. Inramad text används för rubriker i kodkommentarer, README-anteckningar, terminalmeddelanden och chattinlägg som behöver synas tydligt.

Verktygsbeskrivning

Det här verktyget ritar en kant runt din text. Välj en kantstil, justera raderna åt vänster, centrera dem eller justera dem åt höger, och lägg till mellanrum inuti rutan. Du kan placera en titel i den övre kanten och skapa en egen kant av valfria tecken. Rutan växer så att den rymmer den längsta raden, och varje rad fylls ut så att den högra kanten hamnar i linje.

Funktioner

  • Enkla, dubbla, rundade, kraftiga, streckade och blandade Unicode-kanter
  • ASCII-, asterisk-, hash-, fyllda block-, skugg- och halvblockskanter
  • Anpassade kanter med egna hörn-, över- och underkantstecken samt sidotecken, som kan bestå av mer än ett tecken
  • Vänster-, centrerad eller högerjusterad text med flera rader
  • Mellanrum till vänster och höger samt tomma rader ovanför och nedanför
  • En titel i den övre kanten, till exempel ┌─ Note ─────┐
  • Kopiera resultatet eller ladda ner det som en textfil

Så fungerar det

Verktyget mäter varje rad i monospace-celler. De flesta tecken tar upp en cell, medan kinesiska, japanska och koreanska tecken samt de flesta emoji tar upp två, så verktyget räknar dem som två när raderna fylls ut. Tabulatorer omvandlas till fyra blanksteg och avslutande blanksteg tas bort. En över- eller underkant som består av flera tecken upprepas för att fylla bredden och kapas vid rätt längd.

Tips

  • Klistra in rutan i ett kodblock (tre bakåtriktade apostrofer i Markdown, Discord eller Slack) så att den visas med ett monospace-teckensnitt. I ett proportionellt teckensnitt kommer den högra kanten inte att hamna i linje.
  • För en kommentar i källkod kan du använda ASCII- eller asteriskstilen, eller lägga till kommentarstecknen, till exempel // eller #, framför varje rad efteråt.
  • Emoji har olika bredd i olika teckensnitt och appar, så en ruta med emoji inuti kan ändå se ojämn ut på vissa ställen.