Preskoči na sadržaj

Kod u SVG sliku

Pretvorite isječak koda u sliku sa istaknutom sintaksom, okvirom prozora i gradijentnom pozadinom.

Unos
14
48
Rezultat

Kod u SVG sliku

Zalijepite isječak koda, odaberite njegov jezik i ovaj alat ga prikazuje kao sliku sa istaknutom sintaksom unutar zaobljenog prozora — upravo onakvu sliku koda koju biste željeli podijeliti na blogu, tweetu, prezentaciji ili internoj dokumentaciji. Ključne riječi, stringovi, komentari i brojevi su automatski obojeni, a prozor dobija opcionalnu macOS traku naslova sa obojenim točkama kako bi rezultat izgledao kao pravi uređivač, a ne kao obična tekstualna ispis.

Alat podržava devet jezika — JavaScript, TypeScript, Python, JSON, HTML, CSS, Bash, SQL i obični tekst — svaki sa svojim pravilima za ističuće ključne riječi, stringove i komentare. Odaberite jednu od šest gradijentnih tema (zalazak, ocean, ponoć, šuma, grozd ili mono) i alat omotava prozor u odgovarajućoj gradijentnoj kartici. Prilagodite razmak oko prozora, uključite bacajuću sjenu, postavite naslov prozora i nezavisno prebacujte brojeve redaka ili naslovnu traku. Veličina fonta skalira cijelu sliku, tako da kratak jednoredan kod i funkcija od pedeset redaka ostaju čitljivi.

Rezultat je samozavršni, rezolucijom nezavisan SVG dokument: oštar na bilo kojoj veličini, lak za direktno umetanje u stranicu ili alat za dizajn, i dovoljno mali da ga kopirate kao tekst. Broj redaka, broj znakova i konačna veličina slike u pikselima ažuriraju se u realnom vremenu ispod rezultata dok pišete ili mijenjate opcije, tako da vidite točno što trebate kopirati ili preuzeti.

Sve se dešava u vašem pretraživaču koristeći mali ugrađeni ističač — nijedan kod se ne prenosi, i nijedan vanjski servis za ističuće nikada ne vidi što zalijepite. To ga čini sigurnim za korištenje na neobjavljenim funkcijama, internim alatima ili bilo čem drugom što ne želite slati na vanjski server samo za lijepu sliku.

FAQ

Koji programski jezici imaju ističuće sintakse?
JavaScript, TypeScript, Python, JSON, HTML, CSS, Bash i SQL svi imaju ističuće ključne riječi, stringove, komentare i brojeve. Odaberite "Obični tekst" za sve ostalo — prikazuje se bez obojavanja boja.
Mogu li promijeniti pozadinu i izgled prozora?
Da. Odaberite jednu od šest gradijentnih tema, prilagodite razmak oko prozora, uključite bacajuću sjenu i nezavisno prebacujte naslovnu traku sa obojenim točkama i brojeve redaka.
Koji je format slike, i mogu li dobiti PNG?
Rezultat je vektorski SVG — oštar na bilo kojoj veličini i lak za direktno umetanje u stranicu. Za PNG, otvorite preuzetu .svg datoteku u pretraživaču ili uređivaču slika i izvezite je kao PNG; ovaj alat to ne radi automatski.
Postoji li ograničenje za količinu koda koju mogu zalijepiti?
Nema fiksnog ograničenja redaka, ali generirana slika je ograničena na 10 MB. Izuzetno dugi isječci koji bi premašili to ograničenje proizvedu poruku koja vas traži da skratite unos.
Prenosi li se moj kod negdje?
Ne. Ističuće i renderiranje slike se dešavaju potpuno u vašem pretraživaču koristeći mali ugrađeni tokenizer — vaš kod nikada ne napušta vaš uređaj.