Kód na obrázek SVG
Převeďte úryvek kódu na zvýrazněný obrázek s oknem a barevným pozadím.
Kód na obrázek SVG
Vložte úryvek kódu, zvolte jeho programovací jazyk a nástroj jej vykreslí jako zvýrazněný obrázek v zaoblené okně — právě takový screenshot kódu, který byste chtěli sdílet na blogu, v tweetu, v prezentaci nebo v interních dokumentech. Klíčová slova, řetězce, komentáře a čísla jsou automaticky barevně zvýrazněna a okno má volitelný nadpis ve stylu macOS s barevnými tečkami, takže výsledek vypadá jako skutečný editor, ne jako prostý textový výstup.
Nástroj podporuje devět jazyků — JavaScript, TypeScript, Python, JSON, HTML, CSS, Bash, SQL a prostý text. Každý jazyk má svá pravidla pro zvýraznění klíčových slov, řetězců a komentářů. Vyberte si jednu ze šesti barevných motivů (západ, oceán, půlnoc, les, hrozen nebo mono) a nástroj obtočí okno odpovídajícím barevným přechodem. Upravte odsazení kolem okna, zapněte stín, nastavte název okna a nezávisle zapínajte nebo vypínajte čísla řádků a nadpis. Velikost písma mění velikost celého obrázku, takže krátký jeden řádek i padesátiřádková funkce budou čitelné.
Výstup je samostatný, rozlišením nezávislý SVG dokument — ostrý v libovolné velikosti, snadný na přímé vložení do stránky nebo návrhářského nástroje a dost malý na to, aby se dal kopírovat jako text. Počet řádků, počet znaků a výsledná velikost obrázku v pixelech se v reálném čase aktualizují pod výstupem, když píšete nebo měníte možnosti, takže vidíte přesně to, co se chystáte kopírovat nebo stáhnout.
Všechno se děje ve vašem prohlížeči pomocí malého vestavěného zvýrazňovače — kód se nikam nenahrává a žádná externí služba nikdy nevidí, co vložíte. Proto je bezpečné ho používat na zveřejněné funkce, interní nástroje nebo cokoli jiného, co byste nechceli poslat na externí server jen na vytvoření pěkného obrázku.