tipos tamaño para letra fuentes fuente etiquetas como color codigos codigo cambiar html syntax-highlighting

tamaño - Cómo resaltar el código fuente en HTML?



tamaño de letra en html h1 (9)

Quiero resaltar los códigos fuente de C / C ++ / Java / C # etc. en mi sitio web.

¿Cómo puedo hacer esto?

¿Es un trabajo intensivo de CPU resaltar el código fuente?


Si está usando PHP, puede usar GeSHi para resaltar muchos idiomas diferentes. Lo he usado antes y funciona bastante bien. Una búsqueda rápida en Google también descubrirá los complementos de GeSHi para wordpress y drupal .

No consideraría destacar el uso intensivo de la CPU a menos que intente mostrar megabytes de todo al mismo tiempo. E incluso entonces, la carga de la CPU sería mínima y su principal problema sería la velocidad de transferencia para todo.



Uso GeSHi ("Resaltador de sintaxis genérica") en pastebin.com

pastebin tiene mucho tráfico, así que guardo los resultados de la transformación en caché, lo que ciertamente reduce la carga.



Pygment es una buena biblioteca de Python para generar HTML, RTF, ANSI (estilo de terminal) o código LaTeX. Es compatible con una amplia gama de idiomas (C, C ++, Lua, Erlang, ...) e incluso puede escribir su propio formateador de salida.


Personalmente, prefiero las herramientas sin conexión: no veo el sentido de analizar el código (especialmente las más grandes) una y otra vez, para cada página servida, o incluso peor, en cada navegador (para las bibliotecas JS), porque como se señaló anteriormente, estas bibliotecas a menudo se retrasan (a menudo se ve la fuente sin procesar antes de formatearla).

Hay varias herramientas para hacer este trabajo, algunas apuntan arriba. Solo uso la función de exportación de mi editor favorito (SciTE) porque solo respeta las opciones de color que configuré cuidadosamente ... :-) Y también puede generar XML, PDF, RTF y LaTeX.


Si usa jEdit , es posible que desee utilizar el complemento Code2HTML .


Puede hacer esto desde el lado del servidor o desde el lado del cliente. No es muy intensivo en el uso del procesador, pero si lo haces desde el lado del cliente (usando Javascript) habrá un retraso notable. La mayoría de las soluciones del lado del cliente giran en torno al motor de resaltado de sintaxis de Google Code. Este parece ser el más popular: SyntaxHighlighter

Las soluciones del lado del servidor tienden a ser más flexibles, especialmente en la forma de definir nuevos idiomas y configurar cómo se resaltan (por ejemplo, los colores utilizados). Uso GeSHi, que es una solución PHP con un plugin moderadamente agradable para Wordpress. También hay algunas bibliotecas creadas para Java, e incluso algunas basadas en VIM (que generalmente requieren un módulo Perl para instalarse desde CPAN).

En resumen: tiene bastantes opciones, ¿cuáles son sus criterios? Es difícil hacer una recomendación sólida sin conocer sus requisitos.


Yo uso google-code-prettify . Es el más simple de configurar y funciona muy bien con todos los lenguajes de estilo C.