İçeriğe geç
Utilerio

Koddan Görsele

Bir kod parçasını sözdizimi renklendirmeli, paylaşılabilir bir PNG'ye çevirin — IDE ekran görüntüsüne gerek yok.

Bu araç işinize yaradı mı?

Bu araç hakkında

Bir kod editörünün ekran görüntüsü bir parçayı paylaşmanın yaygın bir yoludur, ama tüm bir IDE penceresini bir ekran görüntüsü aracına sürüklemek, parçanın hak ettiğinden fazla çaba gerektirir. Bu araç yalnızca kodu — sözdizimi renklendirmeli, pencere çerçeveli — doğrudan indirilebilir bir PNG'ye render eder.

Nasıl kullanılır

  1. Bir kod parçası yapıştırın ve sözdizimi renklendirmesi için dilini seçin.
  2. Bir tema ve isteğe bağlı olarak başlık çubuğunda gösterilecek bir dosya adı seçin.
  3. Render edilen görseli PNG olarak indirin.

Örnekler

Kısa bir fonksiyonu paylaşmak

4 satırlık bir JavaScript fonksiyonu, koyu tema, dosya adı "greet.js"
Trafik ışığı pencere kontrolleri ve üstte ortalanmış dosya adıyla, yuvarlatılmış, sözdizimi renklendirmeli bir PNG.

Sık karşılaşılan sorunlar

Renklendirme bazı anahtar kelimeleri kaçırıyor ya da bir string'i yanlış okuyor.
Bu, tam bir dil ayrıştırıcısı değil, küçük, elle yazılmış bir tokenizer kullanır — yaygın durumlar için anahtar kelimeleri, string'leri, yorumları ve sayıları doğru kapsar, ama alışılmadık sözdizimi (bazı dillerde çok satırlı string'ler gibi) bir IDE'nin yapacağı gibi tam renklendirilmeyebilir.

Sıkça sorulan sorular