Catégories

← View All Tools

Visualiseur d'Extraits de Code PDF

Ajoute fond, police monospace et liens cliquables vers le depot

Genere un PDF de revue de code avec liens Git cliquables.

Exemples de résultats

2 Exemples

Vue multi-extraits thème clair

Affiche deux extraits TypeScript avec liens GitHub cliquables

code-snippet-viewer-example1.pdf Voir fichier
Voir paramètres d'entrée
{ "snippetsJson": "[{\"filePath\":\"src/index.ts\",\"language\":\"ts\",\"startLine\":1,\"endLine\":8,\"code\":\"import { Elysia } from 'elysia'\\n\\nconst app = new Elysia()\\n\\napp.get('/', () => 'ok')\\n\\nexport default app\"},{\"filePath\":\"src/tools/2026-02-13/pdf-link-annotator.ts\",\"language\":\"ts\",\"startLine\":30,\"endLine\":52,\"code\":\"function addExternalLink(pdf, page, x, y, w, h, url) {\\n const annot = pdf.context.obj({\\n Type: 'Annot',\\n Subtype: 'Link',\\n })\\n // ...\\n}\"}]", "repoBaseUrl": "https://github.com/example/repo", "branch": "main", "pageSize": "A4", "landscape": false, "theme": "light" }

Revue paysage thème sombre

Extrait unique en thème sombre avec mise en page Letter paysage

code-snippet-viewer-example2.pdf Voir fichier
Voir paramètres d'entrée
{ "snippetsJson": "[{\"filePath\":\"src/tool-manager.ts\",\"language\":\"ts\",\"startLine\":55,\"endLine\":92,\"code\":\"export class ToolManager {\\n private tools = new Map()\\n\\n registerTool(tool) {\\n this.tools.set(tool.id, tool)\\n }\\n\\n getTool(id) {\\n return this.tools.get(id)\\n }\\n}\"}]", "repoBaseUrl": "https://gitlab.com/example/platform", "branch": "develop", "pageSize": "Letter", "landscape": true, "theme": "dark" }

Points clés

Catégorie
Document Tools
Types d’entrée
textarea, text, select, checkbox
Type de sortie
file
Couverture des échantillons
4
API disponible
Yes

Vue d’ensemble

Le Visualiseur d'Extraits de Code PDF est un outil conçu pour transformer vos blocs de code en documents PDF professionnels, intégrant une mise en forme lisible, une police monospace et des liens cliquables vers votre dépôt Git.

Quand l’utiliser

  • •Pour préparer des revues de code formelles à partager avec votre équipe.
  • •Pour archiver des extraits de code spécifiques dans une documentation technique imprimable.
  • •Pour présenter des solutions techniques lors de réunions sans dépendre d'un accès direct au dépôt.

Comment ça marche

  • •Saisissez vos extraits de code au format JSON en précisant le chemin du fichier, le langage et les lignes concernées.
  • •Configurez l'URL de votre dépôt et la branche cible pour activer les liens de navigation.
  • •Personnalisez le rendu visuel en choisissant le format de page, l'orientation et le thème (clair ou sombre).
  • •Générez et téléchargez votre fichier PDF prêt à l'emploi.

Cas d’usage

Création de rapports de revue de code pour les audits de sécurité.
Génération de supports de formation technique pour les nouveaux développeurs.
Documentation de correctifs critiques pour un archivage hors ligne.

Exemples

1. Revue de code multi-fichiers

Développeur Senior
Contexte
Besoin de présenter deux modules TypeScript distincts lors d'une revue de code hebdomadaire.
Problème
Extraire proprement le code tout en permettant aux relecteurs de cliquer pour voir le contexte complet sur GitHub.
Comment l’utiliser
Coller les deux blocs de code dans le champ JSON, définir l'URL du dépôt et choisir le thème clair.
Configuration d’exemple
{"repoBaseUrl": "https://github.com/example/repo", "theme": "light", "pageSize": "A4"}
Résultat
Un PDF propre avec deux extraits distincts, chacun possédant un lien direct vers le fichier source sur GitHub.

2. Documentation de correctif en mode paysage

Ingénieur DevOps
Contexte
Documentation d'une classe de gestion d'outils complexe pour un wiki interne.
Problème
Le code est trop large pour une page portrait standard.
Comment l’utiliser
Activer l'option paysage et utiliser le thème sombre pour une meilleure mise en évidence de la syntaxe.
Configuration d’exemple
{"landscape": true, "theme": "dark", "pageSize": "Letter"}
Résultat
Un document PDF en mode paysage offrant une largeur suffisante pour le code et une lecture confortable grâce au thème sombre.

Tester avec des échantillons

json, pdf
Exemples PDF
Exemples PDF generes par les outils du 2026-02-01 au 2026-02-10
title token pdf
json
Exemples de Codes QR
Images de codes QR d'exemple pour tester les outils de lecture et de génération de codes QR
title token code
json
Exemples d'Analyse de Logs ELK Stack
Exemples complets ELK Stack pour agrégation, traitement et visualisation de logs dans les systèmes distribués
preferred input family json
json
Échantillons Convertisseur Hex/Unicode
Échantillons de test pour la conversion de séquences d'échappement hex et unicode
preferred input family json
json

Hubs associés

Outils Json
Découvrez 43 outils json pour des workflows de utility et comparez rapidement des utilitaires proches.
Outils Json pour Convert
Découvrez 100 outils json pour des workflows de convert et comparez rapidement des utilitaires proches.
Outils Json pour Generate
Découvrez 33 outils json pour des workflows de generate et comparez rapidement des utilitaires proches.
Outils Pdf pour Convert
Découvrez 28 outils pdf pour des workflows de convert et comparez rapidement des utilitaires proches.

FAQ

Quels formats de page sont supportés ?

L'outil prend en charge les formats A4 et Letter.

Puis-je modifier l'apparence du code ?

Oui, vous pouvez basculer entre un thème clair et un thème sombre pour optimiser la lisibilité.

Les liens vers le dépôt sont-ils fonctionnels ?

Oui, en fournissant l'URL de base et la branche, l'outil génère des liens cliquables pointant directement vers les fichiers sources.

Est-il possible d'inclure plusieurs extraits dans un seul PDF ?

Absolument, le champ JSON accepte une liste d'objets pour compiler plusieurs extraits dans un même document.

L'outil nécessite-t-il une connexion à mon compte Git ?

Non, l'outil génère les liens statiquement à partir des paramètres fournis sans accéder à vos données privées.

Documentation de l'API

Point de terminaison de la requête

POST /fr/api/tools/pdf-code-snippet-viewer

Paramètres de la requête

Nom du paramètre Type Requis Description
snippetsJson textarea Oui -
repoBaseUrl text Non -
branch text Non -
pageSize select Non -
landscape checkbox Non -
theme select Non -

Format de réponse

{
  "filePath": "/public/processing/randomid.ext",
  "fileName": "output.ext",
  "contentType": "application/octet-stream",
  "size": 1024,
  "metadata": {
    "key": "value"
  },
  "error": "Error message (optional)",
  "message": "Notification message (optional)"
}
Fichier: Fichier

Documentation de MCP

Ajoutez cet outil à votre configuration de serveur MCP: 

{
  "mcpServers": {
    "elysiatools-pdf-code-snippet-viewer": {
      "name": "pdf-code-snippet-viewer",
      "description": "Ajoute fond, police monospace et liens cliquables vers le depot",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=pdf-code-snippet-viewer",
      "command": "",
      "args": [],
      "env": {},
      "isActive": true,
      "type": "sse"
    }
  }
}

Vous pouvez chaîner plusieurs outils, par ex.: `https://elysiatools.com/mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp`, max 20 outils.

Si vous rencontrez des problèmes, veuillez nous contacter à [email protected]