Con SyntaxHighlighter de Alex Gorbatchev puedes darle ese formato que deseas a tu código sea cual sea el lenguaje en el que lo tengas solo debes incluir en tu plantilla los archivos .js usando la siguiente sintaxis justo despues de la etiqueta head de tu plantilla.
Es indispensable que siempre incluyas shCore.js, shCore.css y las funciones que se detallan en el post a continuacion, luego dependiendo los lenguajes que quieras formatear en tu sitio deberas agregar los pinceles que detalla la tabla al final del post.
Claro que si quieres agregar todos los lenguajes disponibles basta con que copies y pegues el codigo anterior justo despues de la etiqueta head de tu plantilla.
Ahora que tienes agregadas las librerias en tu plantilla procederemos a formatear el código que queremos postear, para eso debemos editar la entrada a publicar como HTML y poner el código entre etiquetas pre . Para elegir el formato según el lenguaje (ya que depende la sintaxis) le agregamos a la etiqueta pre el atributo class="brush :xxx" donde en xxx deberas escribir el "Brush aliases" que encontraras en la tabla al final del post. Por ejemplo para resaltar el código PHP debemos escribirlo asi en la edicion HTML de la entrada:
Y como se vera en tu post sera asi:echo "Hola Mundo";
echo "Hola Mundo"Pero si prefieres tener alojados los scripts en tu hosting para evitar la dependencia del repositorio original descarga los archivos .js que encontraras en este link. Entre los lenguajes soportados estan:
Brush name | Brush aliases | File name |
---|---|---|
ActionScript3 | as3, actionscript3 | shBrushAS3.js |
Bash/shell | bash, shell | shBrushBash.js |
ColdFusion | cf, coldfusion | shBrushColdFusion.js |
C# | c-sharp, csharp | shBrushCSharp.js |
C++ | cpp, c | shBrushCpp.js |
CSS | css | shBrushCss.js |
Delphi | delphi, pas, pascal | shBrushDelphi.js |
Diff | diff, patch | shBrushDiff.js |
Erlang | erl, erlang | shBrushErlang.js |
Groovy | groovy | shBrushGroovy.js |
JavaScript | js, jscript, javascript | shBrushJScript.js |
Java | java | shBrushJava.js |
JavaFX | jfx, javafx | shBrushJavaFX.js |
Perl | perl, pl | shBrushPerl.js |
PHP | php | shBrushPhp.js |
Plain Text | plain, text | shBrushPlain.js |
PowerShell | ps, powershell | shBrushPowerShell.js |
Python | py, python | shBrushPython.js |
Ruby | rails, ror, ruby | shBrushRuby.js |
Scala | scala | shBrushScala.js |
SQL | sql | shBrushSql.js |
Visual Basic | vb, vbnet | shBrushVb.js |
XML | xml, xhtml, xslt, html, xhtml | shBrushXml.js |
Encontraras mas información y ejemplos de los lenguajes en el sitio oficial: http://alexgorbatchev.com/SyntaxHighlighter/manual/brushes/
Hola
ResponderEliminar