Resaltador de sintaxis de código en línea

Resaltado de sintaxis en línea: qué hace y cómo usarlo

El resaltador de sintaxis en línea le ayuda a visualizar código de programación con colores y formato, sin necesidad de instalar nada. Es útil para documentar, compartir ejemplos o revisar fragmentos de código en el navegador.

Problema concreto que resuelve

Cuando se copia código desde un editor o una página web, a menudo se pierde el coloreado sintáctico, lo que dificulta la lectura. Esta herramienta restaura el resaltado de forma rápida y segura.

Ejemplo práctico

Supongamos que pega el siguiente fragmento JSON:

{"nombre": "Ana", "edad": 30}

Si selecciona JSON, el resaltador coloreará las claves, los valores y los signos de puntuación de manera distintiva, haciendo evidente la estructura.

Parámetros y procesamiento

• Límite de entrada: hasta 500.000 caracteres.
• Lenguajes soportados: JavaScript, JSON, HTML, CSS, PHP, SQL y Python.
• Detección automática: el detector revisa, en orden, si el texto comienza con JSON válido, etiquetas HTML, selectores CSS, etiquetas PHP, sentencias SELECT/FROM, definiciones de Python (def) y, como último recurso, asume JavaScript.
• Seguridad: el resaltador escapa el HTML antes de envolver cadenas, números y un pequeño conjunto de palabras clave en elementos span. Por lo tanto, el código pegado no se ejecuta ni se interpreta como HTML.
• Números de línea: opcionales, se pueden activar o desactivar.

Limitaciones importantes

La gramática es intencionalmente pequeña y puede clasificar erróneamente comentarios, comillas anidadas, literales de plantilla, palabras clave poco comunes o fragmentos ambiguos. Si la precisión es crítica, elija el lenguaje manualmente. Además, la vista previa es solo visual; el código copiado conserva el texto original. Esta herramienta no compila, analiza, ejecuta, asegura ni demuestra la corrección del código.

Preguntas frecuentes

¿Qué lenguajes soporta el resaltador?

Soporta JavaScript, JSON, HTML, CSS, PHP, SQL y Python. También hay un modo automático que intenta detectar el lenguaje basándose en firmas iniciales.

¿Cómo funciona la detección automática?

El detector verifica, en orden: si el texto comienza con JSON válido, luego etiquetas HTML, selectores CSS, etiquetas PHP, sentencias SELECT/FROM, definiciones de Python (def) y, si nada coincide, asume JavaScript. Esto puede fallar en fragmentos ambiguos.

¿El resaltador modifica mi código original?

No. La vista previa es solo visual; el texto original permanece intacto. Si copia el resultado, obtendrá el código original sin cambios.

Nota sobre privacidad

El procesamiento se realiza en su navegador; no se envía información a servidores externos.

Lista de verificación

• Pegue el código en el área de texto.
• Seleccione el lenguaje o el modo automático.
• Active los números de línea si los necesita.
• Haga clic en el botón para resaltar.
• Revise la vista previa y copie el código si lo desea.