Koda v SVG sliko
Pretvorite odrezek kode v sliko s poudarjeno sintakso, okvirom okna in gradientnim ozadjem.
Koda v SVG sliko
Prilepite odrezek kode, izberite njegov jezik in to orodje ga izriše kot sliko s poudarjeno sintakso v zaobljenem oknu — ravno takšno sliko kode, ki bi jo želeli deliti na blogu, tvitu, predstavitvi ali notranji dokumentaciji. Ključne besede, nizi, komentarji in števila so samodejno obarvani, okno pa dobi izbirni naslovni vrstico v slogu macOS z obarvanih točkami, tako da rezultat izgleda kot pravi urejevalnik, ne kot preprost tekstualni izhod.
Orodje podpira devet jezikov — JavaScript, TypeScript, Python, JSON, HTML, CSS, Bash, SQL in navadno besedilo — vsak s svojimi pravili za poudarjanje ključnih besed, nizov in komentarjev. Izberite eno od šestih gradientnih tem (sončni zahod, ocean, polnoč, gozd, grozdje ali mono) in orodje zavije okno v ujemajoči se gradientni kartici. Prilagodite razdaljo okrog okna, omogočite padajočo senco, nastavite naslov okna in neodvisno preklapljate številke vrstic ali naslovni vrstico. Velikost pisave se razmerja s celotno sliko, tako da so tako kratka enorredična koda kot funkcija s petdesetimi vrsticami berljivi.
Rezultat je samozadosten dokument SVG, neodvisen od ločljivosti: jasan v kateri koli velikosti, enostaven za neposrednega vstavitve v stran ali oblikovalsko orodje, in dovolj majhen, da ga kopirate kot besedilo. Število vrstic, število znakov in končna velikost slike v pikslih se v realnem času posodabljajo pod rezultatom, medtem ko tipkate ali spreminjate možnosti, tako da vidite točno, kaj se bo kopirati ali prenesti.
Vse se dogaja v vašem brskalniku z uporabo majhnega vgrajenega poudarjevalnika — nobena koda ni poslana, in noben zunanji servis za poudarjanje nikoli ne vidi, kaj prilepite. To ga naredi varnega za uporabo na neobjavljenih funkcijah, internih orodjih ali čem drugem, česar ne želite pošiljati na zunanji strežnik le za lepo sliko.