Kód SVG képre
Fordítsa le a kódrészletet szintaxis-kiemelésű képpé keretezett ablakkal és gradiens hátterrel.
Kód SVG képre
Illessze be a kódrészletet, válassza ki a programozási nyelvét, és ez az eszköz szintaxis-kiemelésű képként jeleníti meg az ablakban — pontosan az a kódkép, amelyet egy blogbejegyzésben, tweeten, prezentációban vagy belső dokumentációban szeretne megosztani. A kulcsszavak, stringek, megjegyzések és számok automatikusan színezésre kerülnek, az ablak pedig egy opcionális macOS-stílusú címsorral jelenik meg, így az eredmény egy valódi szerkesztőhöz hasonlít, nem pedig egyszerű szövegkimenetre.
Kilenc programozási nyelv támogatott — JavaScript, TypeScript, Python, JSON, HTML, CSS, Bash, SQL és egyszerű szöveg — mindegyiknek saját szabályai vannak a kulcsszavak, stringek és megjegyzések kiemelésére. Válasszon az egyik hat gradiens téma közül (naplemente, óceán, éjfél, erdő, szőlő vagy mono), az eszköz körülveszi az ablakot egy megfelelő gradiens kártyával. Módosítsa a kitöltést az ablak körül, kapcsolja be az árnyékot, állítsa be az ablak címét, és egymástól függetlenül kapcsolja be vagy ki a sorok számozását vagy az ablak címsorát. A betűméret a teljes képet skálázza, így egy rövid egysoros kód és egy ötven soros függvény egyaránt olvasható marad.
A kimenet egy önálló, felbontás-független SVG dokumentum — tiszta bármekkora méretben, könnyű közvetlenül egy oldalba vagy tervezési eszközbe beilleszteni, és elég kicsi ahhoz, hogy szövegként másolhatóak legyenek. A sorok száma, a karakterek száma és a végső képméret pixelben valós időben frissül a kimenet alatt, így pontosan láthatja, mit fog másolni vagy letölteni.
Minden a böngészőjében történik egy kis beépített kiemeléssel — a kód sehová nem töltődik fel, és egyetlen külső szintaxis-kiemelési szolgáltatás sem látja, mit illeszt be. Ez biztonságossá teszi a használatát a nem publikált funkciók, belső eszközök vagy bármi más számára, amit nem szívesen küldene egy külső szerverhez csak egy szép képernyőkép készítéséhez.