Javascript code pretiffier: Pinta códigos de distintos lenguajes de programación en tu web
JavaScript pretty prettifier es un conjunto de librerías (entre Javascript y css) que permiten colorear el código de distintos lenguajes de programación e implementarlo en tu web. Usarlo es bastante sencillo solo sigue estos pasos:
Primer paso: Llamar las librerías. Esto lo hacemos como normalmente se hace con cualquier otro archivo externo css y javascript.
<link href="prettify.css" type="text/css" rel="stylesheet" /> <script type="text/javascript" src="prettify.js"></script>
Paso 2: Llamar la función desde el evento OnLoad del Body
<body onload="prettyPrint()">
Por último para implementarlo en nuestro código podemos utilizar la etiqueta “pre” y añadirle como clase prettyprint lang-code, donde code lo reemplazas por el nombre del lenguaje. Veamos un ejemplo completo:
<html>
<head>
<link href="prettify.css" type="text/css" rel="stylesheet"></link>
<script type="text/javascript" src="prettify.js"></script>
</head>
<body onload="prettyPrint()">
<pre class="prettyprint lang-java">
private void jButton1ActionPerformed(java.awt.event.ActionEvent evt) {
int dia,mes,ano,auxdia;
dia = Integer.parseInt(jTextField1.getText());
mes = Integer.parseInt(jTextField2.getText());
ano = Integer.parseInt(jTextField3.getText());
auxdia = 2009-ano;
if(auxdia < 18){
jLabel4.setText("Respuesta: Eres menor de edad");
}
else {
jLabel4.setText("Respuesta: Eres mayor de edad");
}
}
</pre>
</body>
</html>
Las librerías las descargas del sitio oficial en Code Google. Como verán es una librería bastante sencilla de implementar e incluso puede existir la posibilidad de implementarlo en algún sistema de blogs o foros pre-fabricados siempre y cuando se desarrolle una adaptación.
Sitio oficial | Descargar Code Prettifier