İçeriğe atla

Kodu SVG görüntüsüne

Bir kod parçasını sözdizimi vurgulı görüntüye dönüştürün, pencere çerçevesi ve gradyan arka plana sahip.

Giriş
14
48
Çıkış

Kodu SVG görüntüsüne

Bir kod parçasını yapıştırın, programlama dilini seçin ve bu araç bunu, yuvarlak pencerenin içinde sözdizimi vurgulu görüntü olarak gösterir — tıpkı bir blogda, tweette, sunumda veya iç belgelerde paylaşacağınız kod ekran görüntüsü gibi. Anahtar sözcükler, dizeler, açıklamalar ve sayılar otomatik olarak renklendirilir ve pencere, trafiği işaret eden noktalarla macOS tarzı bir başlık çubuğu alır, böylece sonuç gerçek bir editörü andırır, düz metin dökümü değil.

Dokuz programlama dili desteklenir — JavaScript, TypeScript, Python, JSON, HTML, CSS, Bash, SQL ve düz metin — her biri anahtar sözcükler, dizeler ve açıklamalar için kendi vurgulama kurallarına sahiptir. Altı gradyan tema arasından seçin (gün batışı, okyanus, gece yarısı, orman, üzüm veya mono) ve araç pencereyi eşleşen gradyan kartla sarar. Pencerenin etrafındaki dolgulamayı ayarlayın, gölgeyi açın, pencere başlığını ayarlayın ve bağımsız olarak satır numaralarını veya başlık çubuğunu açıp kapatın. Yazı tipi boyutu, tüm görüntüyü ölçeklendirir, bu nedenle kısa tek satırlık kod ve elli satırlık bir işlev de okunabilir kalır.

Çıktı, bağımsız, çözünürlüğe bağımsız bir SVG belgesidir — herhangi bir boyutta keskindir, bir sayfaya veya tasarım aracına doğrudan bırakması kolaydır ve metin olarak kopyalanacak kadar küçüktür. Satır sayısı, karakter sayısı ve final resim piksel cinsinden boyutu, yazarken veya seçenekleri değiştirirken çıktının altında gerçek zamanlı olarak güncellenir, böylece kopyalamak veya indirmek üzere olduğunuz şeyi tam olarak görebilirsiniz.

Her şey tarayıcınızda küçük bir yerleşik vurgulayıcı kullanılarak gerçekleşir — hiçbir kod yüklenmez ve üçüncü taraf sözdizimi vurgulama hizmeti hiçbir zaman yapıştırdığınız şeyi görmez. Bu, yayınlanmamış özellikler, dahili araçlar veya güzel bir ekran görüntüsü almak için harici bir sunucuya göndermek istemediğiniz başka bir şey için kullanmayı güvenli hale getirir.

FAQ

Hangi programlama dilleri sözdizimi vurgulaması alır?
JavaScript, TypeScript, Python, JSON, HTML, CSS, Bash ve SQL, her biri anahtar sözcük, dize, açıklama ve sayı vurgulaması alır. Başka herhangi bir şey için "Düz metin" seçeneğini seçin — renk kodlaması olmadan işlenir.
Arka planı ve pencere görünümünü değiştirebilir miyim?
Evet. Altı gradyan tema arasından seçim yapın, pencerenin etrafındaki dolgulamayı ayarlayın, gölgeyi açıp kapatın ve başlık çubuğu ile satır numaralarını bağımsız olarak açıp kapatın.
Görüntü hangi biçimdedir ve PNG alabilirim mi?
Çıktı vektör SVG — herhangi bir boyutta keskindir ve doğrudan bir sayfaya gömülmesi kolaydır. PNG için, indirilen .svg dosyasını tarayıcınızda veya görüntü düzenleyicide açın ve PNG olarak dışa aktarın; bu araç bunu sizin için otomatik olarak yapmaz.
Yapıştırabileceğim kod miktarında bir sınır var mı?
Sabit satır sınırı yok, ancak üretilen görüntü 10 MB ile sınırlandırılmıştır. Aşırı derecede uzun parçacıklar bu sınırı aşarsa, girişi kısaltmanızı isteyen bir mesaj üretir.
Kodum herhangi bir yere yüklenmesi var mı?
Hayır. Vurgulama ve görüntü işleme tamamen tarayıcınızda küçük bir yerleşik tokenizer kullanılarak gerçekleşir — kodunuz hiçbir zaman cihazınızı terk etmez.