Kód na obrázok SVG
Preveďte úryvok kódu na zvýraznený obrázok s oknom a farebným pozadím.
Kód na obrázok SVG
Vložte úryvok kódu, zvoľte jeho programovací jazyk a nástroj ho vykreslí ako zvýraznený obrázok v zaoblenom zrkadlovom okne — práve takého obrázka kódu, ktorý by ste chceli zdieľať na blogu, vo svojom tweete, v prezentácii alebo v interných dokumentoch. Kľúčové slová, reťazce, komentáre a čísla sú automaticky farebne označené a okno má voliteľný titulný riadok v štýle macOS so farebnými bodkami, takže výsledok vyzerá ako skutočný editor, nie ako holý textový výstup.
Nástroj podporuje deväť jazykov — JavaScript, TypeScript, Python, JSON, HTML, CSS, Bash, SQL a čistý text. Každý jazyk má svoje pravidlá pre zvýraznenie kľúčových slov, reťazcov a komentárov. Vyberte si jednu zo šiestich farebných tém (západ, oceán, polnoc, les, hrozno alebo mono) a nástroj obbalí okno zhodujúcou sa gradientnou kartou. Upravte vzdialenosť okolo okna, aktivujte padajúci tieň, nastavte názov okna a nezávisle zapínajte alebo vypínajte čísla riadkov a titulný riadok. Veľkosť písma mení rozmery celého obrázka, takže krátky jeden riadok aj päťdesiatradková funkcia budú zrozumiteľné.
Výstup je samostatný, nezávislý na rozlíšení SVG dokument — ostrý v ľubovoľnej veľkosti, ľahký na priame vloženie do stránky alebo návrhárskeho nástroja a dosť malý na to, aby sa dal kopírovať ako text. Počet riadkov, počet znakov a výsledná veľkosť obrázka v pixeloch sa v reálnom čase aktualizujú pod výstupom, keď píšete alebo meníte možnosti, takže vidíte presne to, čo sa chystáte kopírovať alebo stiahnuť.
Všetko sa deje v tašom prehliadači pomocou malého vstavaného zvýrazňovača — kód sa nikam nenahrávajú a žiadna externná služba zvýrazňovania nikdy nevidí to, čo vložíte. Preto je bezpečné ho používať na nezverejnené funkcie, interné nástroje alebo čokoľvek iné, čo by ste nechceli poslať na externý server len na vytvorenie pekného obrázka.