Categorías

← View All Tools

Visor de Fragmentos de Codigo PDF

Agrega fondo, fuente monoespaciada y enlaces clicables al repositorio

Crea un PDF de revision de codigo con enlaces a Git.

Resultados de ejemplo

2 Ejemplos

Vista múltiple en tema claro

Renderiza dos fragmentos TypeScript con enlaces clicables a GitHub

code-snippet-viewer-example1.pdf Ver archivo
Ver parámetros de entrada
{ "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" }

Revisión horizontal en tema oscuro

Fragmento único en tema oscuro con diseño Letter horizontal

code-snippet-viewer-example2.pdf Ver archivo
Ver parámetros de entrada
{ "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" }

Datos clave

Categoría
Document Tools
Tipos de entrada
textarea, text, select, checkbox
Tipo de salida
file
Cobertura de muestras
4
API disponible
Yes

Resumen

El Visor de Fragmentos de Código PDF permite transformar bloques de código fuente en documentos PDF profesionales, aplicando formato de fuente monoespaciada, fondos legibles y enlaces directos a tu repositorio de Git para facilitar las revisiones de código.

Cuándo usarlo

  • •Preparar fragmentos de código para revisiones técnicas fuera del entorno de desarrollo.
  • •Documentar lógica específica de un repositorio en un formato portátil y profesional.
  • •Compartir ejemplos de código con enlaces directos a la fuente original en GitHub o GitLab.

Cómo funciona

  • •Ingresa los fragmentos de código en formato JSON, incluyendo la ruta del archivo y las líneas correspondientes.
  • •Configura la URL base del repositorio y la rama para habilitar los enlaces clicables en el PDF.
  • •Selecciona el tamaño de página, la orientación y el tema visual (claro u oscuro) según tus preferencias.
  • •Genera y descarga el archivo PDF listo para compartir o imprimir.

Casos de uso

Creación de informes de revisión de código para auditorías técnicas.
Generación de documentación técnica impresa para sesiones de formación.
Exportación de fragmentos clave de un proyecto para presentaciones o documentación offline.

Ejemplos

1. Revisión de código en tema claro

Desarrollador Senior
Contexto
Necesito presentar dos módulos de un proyecto TypeScript en una reunión de revisión de código.
Problema
El código debe ser legible y permitir a los revisores saltar directamente al repositorio para ver el contexto completo.
Cómo usarlo
Pego los fragmentos en el campo JSON, configuro la URL del repositorio y selecciono el tema claro.
Configuración de ejemplo
{"theme": "light", "pageSize": "A4", "repoBaseUrl": "https://github.com/example/repo"}
Resultado
Un PDF limpio con formato monoespaciado y enlaces funcionales a los archivos en GitHub.

2. Documentación técnica en modo oscuro

Arquitecto de Software
Contexto
Estoy documentando una clase compleja de gestión de herramientas para un manual interno.
Problema
El código es extenso y requiere una visualización horizontal para evitar saltos de línea innecesarios.
Cómo usarlo
Configuro el modo horizontal y el tema oscuro para resaltar la sintaxis.
Configuración de ejemplo
{"theme": "dark", "landscape": true, "pageSize": "Letter"}
Resultado
Un PDF con diseño horizontal que muestra el código con alto contraste y estilo profesional.

Probar con muestras

json, pdf
Muestras PDF
Muestras PDF generadas por herramientas 2026-02-01 a 2026-02-10
title token pdf
json
Ejemplos de Códigos QR
Imágenes de códigos QR de muestra para probar herramientas de lectura y generación de códigos QR
title token code
json
Muestras de Análisis de Logs ELK Stack
Muestras completas de ELK Stack para agregación, procesamiento y visualización de logs en sistemas distribuidos
preferred input family json
json
Muestras de Convertidor Hex/Unicode
Muestras de prueba para conversión de secuencias de escape hex y unicode
preferred input family json
json

Hubs relacionados

Herramientas de Json
Explora 43 herramientas de json para flujos de utility y encuentra utilidades cercanas con rapidez.
Herramientas de Json para Convert
Explora 100 herramientas de json para flujos de convert y encuentra utilidades cercanas con rapidez.
Herramientas de Json para Generate
Explora 33 herramientas de json para flujos de generate y encuentra utilidades cercanas con rapidez.
Herramientas de Pdf para Convert
Explora 28 herramientas de pdf para flujos de convert y encuentra utilidades cercanas con rapidez.

Preguntas frecuentes

¿Qué formatos de página admite la herramienta?

Actualmente puedes generar documentos en formato A4 o Letter.

¿Puedo cambiar el aspecto visual del código?

Sí, puedes elegir entre un tema claro u oscuro para adaptar la legibilidad del código.

¿Los enlaces en el PDF funcionan realmente?

Sí, al configurar la URL base del repositorio, el PDF incluirá enlaces clicables que dirigen a la ubicación exacta del archivo en tu plataforma Git.

¿Es necesario incluir el número de línea?

Sí, el JSON de entrada requiere especificar las líneas de inicio y fin para referenciar correctamente el código en el repositorio.

¿Puedo generar un PDF en orientación horizontal?

Sí, puedes activar la opción 'Horizontal' para ajustar el diseño a tus necesidades de visualización.

Documentación de la API

Punto final de la solicitud

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

Parámetros de la solicitud

Nombre del parámetro Tipo Requerido Descripción
snippetsJson textarea Sí -
repoBaseUrl text No -
branch text No -
pageSize select No -
landscape checkbox No -
theme select No -

Formato de respuesta

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

Documentación de MCP

Agregue este herramienta a su configuración de servidor MCP: 

{
  "mcpServers": {
    "elysiatools-pdf-code-snippet-viewer": {
      "name": "pdf-code-snippet-viewer",
      "description": "Agrega fondo, fuente monoespaciada y enlaces clicables al repositorio",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=pdf-code-snippet-viewer",
      "command": "",
      "args": [],
      "env": {},
      "isActive": true,
      "type": "sse"
    }
  }
}

Puede encadenar múltiples herramientas, por ejemplo: `https://elysiatools.com/mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp`, máximo 20 herramientas.

Si encuentra algún problema, por favor, póngase en contacto con nosotros en [email protected]