SyntaxHighlighter es una librería javascript desarrollada y mantenida por Alex Gorbatchev y colaboradores alrededor del mundo, distribuida bajo licencia GPL. Esta librería permite colorear / resaltar el código fuente de una gran variedad de lenguages de programación, entre ellos: C, C++, Java, PHP, PERL, Python, javascript, SQL, Ruby, XML, HTML, CSS, Otros.
Esta librería es usada por varios sitios web, uno de los más conocidos es wordpress.com
Para usar esta librería en su proyecto
Incluya los css
<link href="http://alexgorbatchev.com/pub/sh/2.1.364/styles/shCore.css" rel="stylesheet" type="text/css" /> <link href="http://alexgorbatchev.com/pub/sh/2.1.364/styles/shThemeDefault.css" rel="stylesheet" type="text/css" />
Incluya el núcleo (core) de la librería
<script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shCore.js"></script>
Incluya el componente que permite resaltar el luenguaje que usted desea por ejemplo PHP
<script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushPhp.js"></script>
Incluya además
<script type="text/javascript"> // Descomente si desea usar la librería en blogger //SyntaxHighlighter.config.bloggerMode = true; SyntaxHighlighter.config.clipboardSwf = "http://alexgorbatchev.com/pub/sh/2.1.364/scripts/clipboard.swf"; SyntaxHighlighter.all(); </script>
Para resaltar nuestro script PHP, tecleamos
<script type="syntaxhighlighter" class="brush: php"> $colors = array('red', 'blue', 'green'); foreach ($colors as $color) { echo $color; } </script>
O
<pre class="brush: php"> $colors = array('red', 'blue', 'green'); foreach ($colors as $color) { echo $color; } </pre>
Entonces se vería así
$colors = array('red', 'blue', 'green'); foreach ($colors as $color) { echo $color; }
Excelente información, gracias.