piapia123
es

Resaltado de código (26 lenguajes)

Web

Todo se ejecuta en tu navegador: no se sube nada

Entrada
Arrastra un archivo aquí para cargarlo
Resultado
Colorea un fragmento de código para poder pegarlo en otro sitio. Hay dos caminos: en el modo vista previa la página muestra directamente el bloque coloreado, y al seleccionarlo y copiarlo el navegador pone en el portapapeles el DOM junto con sus estilos, así que al pegar en PowerPoint, Word o un correo los colores siguen ahí; es la vía más cómoda y no exige nada especial. El modo HTML, en cambio, genera un fragmento de HTML con estilos en línea que se puede pegar tal cual en un blog, un sitio estático o una plantilla de correo. Se usan estilos en línea y no clases porque el destino no tiene la CSS de este sitio: un `class="hljs-keyword"` allí no es más que texto sin color. La paleta coincide con la de los bloques de código del sitio (clara y oscura).
Funciones
  • 26 lenguajes: JavaScript, TypeScript, Python, Go, Rust, Java, C++, C#, PHP, Ruby, SQL, YAML, JSON, XML y más
  • Modo vista previa: selecciona y copia con el color, directo a PowerPoint y Word
  • Modo HTML: HTML con estilos en línea que conserva el color donde se admita HTML
  • Paletas clara y oscura, iguales a los bloques de código del sitio
  • Nada que pulsar: el código se colorea mientras escribes
  • A partir de 20.000 caracteres vuelve al texto sin formato en lugar de congelar la página
Cómo se usa
  1. Pega el código y elige el lenguaje
  2. En el modo vista previa ves el resultado coloreado al momento
  3. Para PowerPoint, selecciona y copia; para una web, cambia al modo HTML y copia el código fuente
  4. El modo HTML permite elegir la paleta clara o la oscura
Preguntas frecuentes
¿Cómo pego código con color en PowerPoint?
En el modo vista previa, selecciona con el ratón el bloque coloreado y pulsa Ctrl+C (⌘+C en Mac), luego pega directamente en PowerPoint: el navegador escribe en el portapapeles el DOM y sus estilos, así que el color se conserva. No uses el botón «copiar todo» para esto: ese toma el texto sin formato y al pegarlo no habrá color.
¿Por qué el modo HTML usa estilos en línea?
Porque el destino no tiene la CSS de este sitio. Una salida como `class="hljs-keyword"` sería en tu blog texto sin color: los nombres de clase de un resaltador solo significan algo cuando está la hoja de estilos correspondiente. Los estilos en línea ponen el color en cada etiqueta, así que funcionan en cualquier parte.
¿Cuántos lenguajes admite?
Veintiséis, que cubren los lenguajes y los formatos de configuración del día a día. La lista se ha filtrado por tamaño real: cada gramática registrada suma a lo que descarga la página. Por eso se mide el coste antes de añadir un lenguaje (el método está anotado en el README).
¿Se sube mi código?
No. El resaltado ocurre por completo en el navegador y la página no envía ninguna petición: el código interno nunca sale de este dispositivo.
Herramientas relacionadas
Formateador JSON
Formato
Formatea, valida y repara JSON en línea: árbol plegable, búsqueda de claves y valores, edición nodo a nodo y errores con línea y columna.
Formateador Shell
Formato
Indenta un script de shell por su estructura: if/fi, for/done, case/esac y funciones se alinean. Solo cambia el espacio inicial; el heredoc queda intacto.
Formateador CSS
Formato
Formatea CSS en línea: una declaración por línea y cada selector de la lista en la suya. El minificador solo quita el espacio estructural.
Analizador de URL
Web
Descompone una URL en esquema, host, puerto, ruta, parámetros y ancla, con cada parámetro en crudo y decodificado. Todo en tu navegador.
Analizador de UA
Web
Analiza un User-Agent: navegador, versión, sistema, tipo de dispositivo y motor, con las reglas que coinciden. Solo coincidencia de patrones.
Códigos de estado HTTP
Web
Consulta un código de estado HTTP: significado, clase 1xx–5xx, usos típicos y trampas habituales. También busca por palabra clave. Todo local.
← Volver a todas las herramientas