Estoy tratando de escribir un blog y quiero mostrar el código C# en una forma prolijamente formateada. ¿Hay alguna manera de hacerlo? Me gusta hacerlo exactamente como lo hace el desbordamiento de pila, incluido el color. :)Cómo mostrar el código formateado en la página web
Tiene bastantes opciones aquí, pero yo recomendaría no usar un formateador de JavaScript. Si un usuario tiene scripts desactivados, aún desea que el código se vea bien.
Si está utilizando Visual Studio, las herramientas de productividad de la energía agregan-in tiene una opción de "copia HTML":
http://blogs.msdn.com/b/kirillosenkov/archive/2010/06/07/copy-code-in-html-format-with-visual-studio-2010.aspx
Jon Skeet proporciona un formateador de código de uso público:
http://csharpindepth.com/CodeFormatterTool.aspx
Si está usando PHP, GeSHi es una buena opción de servidor:
http://qbnz.com/highlighter/
creo que la pila desbordamiento utiliza google-código-prettify:
http://code.google.com/p/google-code-prettify/
SyntaxHighlighter es otra buena solución del lado del cliente:
http://alexgorbatchev.com/SyntaxHighlighter/
Gracias Juan. Publicar código en mi blog es muy sencillo. Estoy usando Visual Studio 2010 y Productivity Power Tool es rápido. –
¿Hay alguna parte de Internet que todavía se vea bien con JavaScript deshabilitado? – Anthony
Todo lo que construyo se ve bien sin él. Soy un gran admirador de la "mejora progresiva". –
puede utilizar terceros partido si lo desea: Syntax Highlighter
Gracias. Cuando está completamente configurado, este se ve mejor y tiene la mayoría de las características. – Anthony
SO usa google-code-prettify, que es Javascript + CSS. Debería obtener toda la documentación que necesita en ese sitio.
Además, si no te importa usar PHP, está GeSHi. Pero el lado del cliente es probablemente mejor, así que iría con el código prettifier.
+1 #wow ... no me di cuenta de que estaba embellecido que fue utilizado por SO –
Gracias Rafe. Por ahora comencé a usar visual studio addin. Definitivamente voy a buscar embellecerme hoy. –
Por favor, hágamelo saber cómo hacer el desplazamiento vertical u horizontal utilizando google-code-prettify en blogspot.com –
<blockquote>
//.....Code
<blockquote>
Eso realmente no responde la pregunta. Intenta agregar más detalles para que sea más completo. –
El de resaltado de sintaxis ygoogle-código-prettify son las soluciones del lado del cliente, su probablemente mejor porque es más versátil para ser aplicado en cualquiera de las páginas web (php | .aspx | .jsp | .html). Su caída es que:
Inicialmente cuando se carga la página, el código formateado se muestra en formato sin formato. El javascript tarda un tiempo en crear el resaltado de sintaxis del código.
No funciona si el javascript está deshabilitado.
Solución: Pre-construir el código de sintaxis de formato. Syntax Highlight Generator es una herramienta en línea de código abierto para precompilar su código. Esta herramienta está construida sobre la biblioteca Syntax Highlighter v3.0.configuración
Sintaxis Resalte del generador: codeworkout.blogspot.com/2014/07/online-generator-tool-for-code-syntax_18.html
puedo sugerir [Github GIST] (https://gist.github.com/) – jksnw