martes, 16 de julio de 2013

Editor de código en blog, SyntaxHighlighter

Buenas!
Ahora un nuevo tutorial sobre el blog :D y como ha podido quedar como esta! :D
pues el editor SyntaxHighlighter es demasiado bueno y demasiado fácil de configurar :D inclusive es todo remoto!! no necesitamos nada jeje. Pueden ver la referencia en esta página SyntaxHighlighter


La verdad que es simple de utilizar.
Para implementarlo en nuestro blog necesitamos hacer referencia a sus librerias, estas son javascript. Para es debemos entrar a editor HTML, desde planilla.

Luego ingresar el siguiente código:







Existen más lenguajes soportados, pero yo utilizo esos.

todos los lenguajes son:
Lenguajes Libreria
applescript shBrushAppleScript.js
actionscript3 as3 shBrushAS3.js
bash shell shBrushBash.js
coldfusion cf shBrushColdFusion.js
actionscript3 as3 shBrushAS3.js
cpp c shBrushCpp.js
c# c-sharp csharp shBrushCSharp.js
delphi pascal shBrushDelphi.js
css shBrushCss.js
diff patch pas shBrushDiff.js
erl erlang shBrushErlang.js
groovy shBrushGroovy.js
java shBrushJavaFX.js
jfx javafx shBrushErlang.js
js jscript javascript shBrushJScript.js
perl p shBrushPerl.js
php shBrushPhp.js
text plain shBrushPlain.js
py python shBrushPython.js
ruby rails ror rb shBrushRuby.js
sass scss shBrushSass.js
scala shBrushScala.js
sql shBrushSql.js
vb vbnet shBrushVb.js
xml xhtml xslt html shBrushXml.js

Y eso es todo :D

no hay nada más que hacer jeje, ahora empezar a poner código!!

Saludos y dudas por google+ o post en el blog ;)



No hay comentarios:

Publicar un comentario