Cómo se ha resaltado el código en este blog

Para resaltar el código en este blog se ha hecho lo siguiente:

En las páginas de configuración del blog, concretamente en Diseño->Editar html
se han incluido las siguientes líneas para añadir un code higlighter hecho en javascript justo después de la etiqueta <head>:


<link href='http://google-code-prettify.googlecode.com/svn/trunk/src/prettify.css' rel='stylesheet' type='text/css'/>
<script src='http://google-code-prettify.googlecode.com/svn/trunk/src/prettify.js' type='text/javascript'></script>


A la etiqueta <body bla bla bla> debemos añadirle lo siguiente: onload='prettyPrint()' y quedaría algo parecido a esto:


<body bla bla bla onload='prettyPrint()'>


Por último al escribir nuestra entrada del blog cuando queremos que aparezca código resaltado lo hacemos entre etiquetas <code> o <pre> pero de la siguiente forma:


<code class="prettyprint">
//Esto es un comentario
while(int i=0;i<5;i++)
System.out.println("Como mola!!");
</code>


Pero ojo!!. Si tu código lleva < o > ha de ser sustituido por &lt; y &gt; respectivamente.

Al margen de lo anterior, también he añadido un poco de estilo propio modificando la hoja de estilo en Diseño->edicion html del blog y he añadido lo siguiente en la parte del css:


code {
display:block;
margin:0px 20px;
padding:20px;
background:#dedede;
font-family:"Lucida Console",Monospace;
font-size:0.975em;
color:black;
border:1px dashed black;
}

Comentarios

Publicar un comentario

Entradas populares de este blog

CMapTools flecha directa a un nodo

Cómo podemos crear una flecha directa desde un nodo a otro sin que aparezca un texto en medio dividiendo dicha flecha en el CMap Tools? Generalmente cuando pinchamos sobre un nodo en el CMapTools, arrastramos y soltamos se genera un nuevo nodo y nuestra flecha de nodo a nodo queda dividida ( incluso formando un codo ) por un texto. Para que dicho texto no aparezca prueba mantener la tecla ctrl pulsada justo antes de pinchar sobre el nodo de origen, de esta forma creo que evitamos que salga la el texto que divide a nuestra flecha con lo que conseguimos una flecha directa desde nuestro nodo de origen hasta el nuevo nodo.
Leer más

Tres ejemplos de cómo usar un jComboBox en java netbeans 6

Hay muchos ejemplos en la web de cómo usar un jComboBox mediante código. Por ejemplo creamos un array de String y se lo pasamos al constructor del jComboBox, algo parecido a lo siguiente: String [] meses={"enero","febrero","marzo"}; JComboBox micombo=new JComboBox(meses); Pero en el IDE Netbeans 6.9.1.. Cómo lo hacemos? Hemos sabido arrastrar el componente a nuestro panel, pero ahora que? Pues habrá muchas formas de llenar nuestro JComboBox, pero aquí sólo vamos a explicar tres formas, empezando por la más fácil y terminando por una un poco más compleja. Ya según la necesidad, usaréis la que más os convenga. Primer método Esto es lo más fácil. Pincha sobre el jComboBox en la parte de diseño y en propiedades->model usando el "Editor del modelo de lista desplegable" tan sólo tendrás que escribir los items, uno en cada línea. Segundo método Este es si por ahí tienes ya definido tu array de String con los valores que quieres que aparezcan en el de...
Leer más

Personalizar el render de celdas de un jTable

Programando en java mediante netbeans 6.9.1 me he encontrado con un problema al intentar cambiar el fondo de una celda checkbox . Está claro que debemos crearnos una clase de renderizado personalizada. En internet hay muchos ejemplos al respecto, unos extienden la clase DefaultTableCellRenderer, posiblemente funcione si para una celda muy concreta queremos aplicar un cambio. Otros ejemplos en cambio extienden un JLabel (por ejemplo) que implementa TableCellRenderer y este es el que he usado para la ocasión. El código de mi CellRenderer queda así: public class MiCellRenderer extends JLabel implements TableCellRenderer { protected int column; public Component getTableCellRendererComponent(JTable table, Object value, boolean isSelected, boolean hasFocus, int row, int column) { MiModelo model = (MiModelo) table.getModel(); this.column=column; JCheckBox j=new JCheckBox(); //La tabla espera un componente, no importa si le envio this(JLabel) u otr...
Leer más