Código fuente
Pega código, abre un archivo UTF-8 o carga un ejemplo de lenguaje.
Syntax Highlighter / Funciones
Prepara código fácil de seguir.
Pega o importa código, elige un lenguaje y un tema y revisa los cambios al editar. Ajusta los efectos de línea y exporta HTML o una imagen PNG desde el navegador.
Prepara un ejemplo completo, desde el código fuente hasta el archivo descargable.
Lenguajes y temas
Busca lenguajes, alias y temas. Filtra los temas por apariencia clara u oscura.
Efectos de línea
Define rangos, colores y opacidad para el resaltado, el enfoque y las líneas añadidas o eliminadas.
Vista previa y configuración
Ve los cambios al instante y consulta la configuración JSON que controla el resultado.
Salida HTML
Copia o descarga HTML con estilos en línea, un archivo CSS independiente o Tailwind CSS.
Imágenes y presentación
Guarda un PNG, ajusta la numeración, pliega secciones y convierte las URL en enlaces.
Prueba el flujo completo en tu navegador.
Carga la demostración para probar líneas resaltadas, enfoque, adiciones, eliminaciones, plegado y numeración. La vista previa y las descargas usan los mismos ajustes.
Resaltador de código en línea