Kategorien

← View All Tools

PDF-Codeausschnitt-Viewer

Fuegt Hintergrund, Monospace-Schrift und klickbare Repo-Links hinzu

Erstellt ein codefreundliches PDF mit klickbaren Git-Links.

Beispielergebnisse

2 Beispiele

Light-Theme Mehrfach-Snippets

Rendert zwei TypeScript-Snippets mit klickbaren GitHub-Links

code-snippet-viewer-example1.pdf Datei anzeigen
Eingabeparameter anzeigen
{ "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" }

Dark-Theme Querformat-Review

Einzelnes Snippet im Dark Theme mit Letter-Querformat

code-snippet-viewer-example2.pdf Datei anzeigen
Eingabeparameter anzeigen
{ "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" }

Wichtige Fakten

Kategorie
Document Tools
Eingabetypen
textarea, text, select, checkbox
Ausgabetyp
file
Sample-Abdeckung
4
API verfügbar
Yes

Überblick

Der PDF-Codeausschnitt-Viewer ist ein spezialisiertes Werkzeug, um Quellcode-Snippets in professionell formatierte PDFs zu konvertieren. Durch die automatische Anwendung von Monospace-Schriftarten, Syntax-Hervorhebung und klickbaren Repository-Links eignet sich das Tool ideal für Code-Reviews, Dokumentationen oder die Archivierung von Programmcode.

Wann verwenden

  • •Erstellung von lesbaren Code-Dokumentationen für technische Berichte.
  • •Vorbereitung von Code-Snippets für Offline-Reviews oder Präsentationen.
  • •Archivierung spezifischer Code-Abschnitte mit direkter Verknüpfung zum Quell-Repository.

So funktioniert es

  • •Geben Sie Ihre Code-Snippets im JSON-Format ein, inklusive Dateipfad und Zeilennummern.
  • •Optional können Sie eine Repository-Basis-URL und den Branch angeben, um klickbare Links zu generieren.
  • •Wählen Sie das gewünschte Seitenformat, die Ausrichtung und ein Theme (Light oder Dark) aus.
  • •Klicken Sie auf 'Generieren', um Ihr professionell formatiertes PDF herunterzuladen.

Anwendungsfälle

Erstellung von Code-Review-Unterlagen für Team-Meetings.
Export von Code-Beispielen für technische Handbücher oder Tutorials.
Sicherung von kritischen Code-Abschnitten in einem druckbaren, verlinkten Format.

Beispiele

1. Light-Theme Mehrfach-Snippets

Softwareentwickler
Hintergrund
Ein Entwickler muss zwei verschiedene TypeScript-Module für ein Code-Review ausdrucken.
Problem
Die Darstellung in der IDE ist nicht für den Druck optimiert und Links zum Repository fehlen.
Verwendung
JSON-Daten der Snippets einfügen, Repository-URL und 'Light'-Theme auswählen.
Beispielkonfiguration
theme: 'light', pageSize: 'A4'
Ergebnis
Ein sauberes PDF mit zwei Code-Blöcken, die direkt auf die entsprechenden GitHub-Dateien verlinken.

2. Dark-Theme Querformat-Review

Technischer Leiter
Hintergrund
Ein Reviewer bevorzugt ein dunkles Farbschema für die Analyse von komplexen Klassenstrukturen.
Problem
Standard-PDF-Export-Tools unterstützen keine dunklen Themes oder direkte Git-Verknüpfungen.
Verwendung
Snippet-JSON einfügen, 'Dark'-Theme und 'Querformat' aktivieren.
Beispielkonfiguration
theme: 'dark', landscape: true, pageSize: 'Letter'
Ergebnis
Ein professionelles PDF im Querformat mit dunklem Hintergrund, das die Lesbarkeit des Codes verbessert.

Mit Samples testen

json, pdf
PDF-Beispiele
Generierte PDF-Beispiele von Tools zwischen 2026-02-01 und 2026-02-10
title token pdf
json
QR-Code-Beispiele
Beispiel-QR-Code-Bilder zum Testen von QR-Code-Lese- und Generierungswerkzeugen
title token code
json
ELK Stack Log-Analyse Beispiele
Umfassende ELK Stack Beispiele für Log-Aggregation, -Verarbeitung und -Visualisierung in verteilten Systemen
preferred input family json
json
Hex/Unicode Konverter Beispiele
Testbeispiele für Hex- und Unicode-Escapesequenz-Konvertierung
preferred input family json
json

Verwandte Hubs

Json-Tools
Entdecken Sie 43 json-Tools für utility-Workflows und vergleichen Sie ähnliche Utilities schnell.
Json-Convert-Tools
Entdecken Sie 100 json-Tools für convert-Workflows und vergleichen Sie ähnliche Utilities schnell.
Json-Generate-Tools
Entdecken Sie 33 json-Tools für generate-Workflows und vergleichen Sie ähnliche Utilities schnell.
Pdf-Convert-Tools
Entdecken Sie 28 pdf-Tools für convert-Workflows und vergleichen Sie ähnliche Utilities schnell.

FAQ

Welche Dateiformate werden unterstützt?

Das Tool verarbeitet Code-Snippets als JSON-Eingabe und generiert daraus ein PDF-Dokument.

Kann ich die Links zu meinem Repository anpassen?

Ja, über die Felder 'Repository-Basis-URL' und 'Branch' können Sie die Ziel-URLs für die klickbaren Links im PDF definieren.

Ist eine Syntax-Hervorhebung enthalten?

Ja, das Tool verwendet eine Monospace-Schrift und eine strukturierte Formatierung, die für die Darstellung von Quellcode optimiert ist.

Kann ich zwischen verschiedenen Layouts wählen?

Sie können zwischen A4 und Letter, Hoch- oder Querformat sowie einem Light- oder Dark-Theme wählen.

Wie viele Snippets kann ich gleichzeitig verarbeiten?

Sie können mehrere Snippets in einem einzigen JSON-Array übergeben, die dann nacheinander im PDF gerendert werden.

API-Dokumentation

Request-Endpunkt

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

Request-Parameter

Parameter-Name Typ Erforderlich Beschreibung
snippetsJson textarea Ja -
repoBaseUrl text Nein -
branch text Nein -
pageSize select Nein -
landscape checkbox Nein -
theme select Nein -

Antwortformat

{
  "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)"
}
Datei: Datei

MCP-Dokumentation

Fügen Sie dieses Tool zu Ihrer MCP-Server-Konfiguration hinzu: 

{
  "mcpServers": {
    "elysiatools-pdf-code-snippet-viewer": {
      "name": "pdf-code-snippet-viewer",
      "description": "Fuegt Hintergrund, Monospace-Schrift und klickbare Repo-Links hinzu",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=pdf-code-snippet-viewer",
      "command": "",
      "args": [],
      "env": {},
      "isActive": true,
      "type": "sse"
    }
  }
}

Sie können mehrere Tools verketten, z.B.: `https://elysiatools.com/mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp`, maximal 20 Tools.

Wenn Sie auf Probleme stoßen, kontaktieren Sie uns bitte bei [email protected]