the IT Hustle
OutilsManuel de terrainÀ propos

Capture de code

Transformez du code en captures d'écran partageables. 8 thèmes, coloration syntaxique, cadre de fenêtre, export PNG.

48px
12px
14px
Numéros de ligne
Ombre de fenêtre
Arrière-plan
Aperçu en directDracula · TypeScript
1import { useState, useEffect } from 'react';
2

3// Custom hook for debounced search
4function useDebounce<T>(value: T, delay: number): T {
5  const [debounced, setDebounced] = useState(value);
6

7  useEffect(() => {
8    const timer = setTimeout(() => {
9      setDebounced(value);
10    }, delay);
11

12    return () => clearTimeout(timer);
13  }, [value, delay]);
14

15  return debounced;
16}
17

18export default useDebounce;

Comment créer une capture d'écran de code

Transformez du code en images élégantes et partageables avec le générateur gratuit de capture d'écran de code de The IT Hustle.

  1. 1
    Collez votre codeSaisissez ou collez du code dans l'éditeur. L'outil détecte automatiquement les langages courants.
  2. 2
    Choisissez un thèmeSélectionnez parmi 8 thèmes de couleur, dont Monokai, Dracula, One Dark, Nord, GitHub Dark et plus encore.
  3. 3
    Personnalisez l'apparenceAjustez la couleur de fond, le rembourrage, le rayon de bordure, la taille de police, les numéros de ligne et l'ombre de fenêtre.
  4. 4
    Téléchargez ou copiezCliquez sur Télécharger PNG pour enregistrer la capture, ou sur Copier l'image pour la coller directement dans Slack, Twitter ou vos documents.

Questions fréquentes

Oui. Cet outil offre une fonctionnalité similaire à Carbon.sh — transformer du code en belles captures d'écran — mais fonctionne entièrement dans votre navigateur sans téléversement vers un serveur. Votre code reste privé.

JavaScript, TypeScript, Python, Go, Rust, Java, C++, HTML, CSS, SQL, Bash, JSON, YAML, Markdown et Ruby. La coloration syntaxique couvre les mots-clés, chaînes, commentaires et nombres pour chacun.

Oui. Désactivez la visibilité du fond pour obtenir un PNG transparent — parfait pour superposer du code sur des diapositives ou des articles de blog.

Outils associés

Formateur JSONÉditeur MarkdownGénérateur de palettes de couleurs