k40s

all this has happened before, and all this will happen again

jul 16

WP Plugins: WP-Syntax, resalta código en WordPress

By k40s Wordpress Haz tu comentario

Acabo de instalar el plugin WP-Syntax en este blog. Este plugin sirve para resaltar código según sea el lenguaje que estamos utilizando.

Instalación

Descargarlo y descomprimirlo
Subir el plugin a wp-content/plugins/wp-syntax/
Activarlo desde el menú plugins del panel de WordPress

Uso

Hay que encerrar el código entre las etiquetas <pre> y </pre>. Y los atributos posibles son lang=”lenguaje”, pudiendo ser cualquiera de la lista que hay abajo y el atributo opcional line=”línea_comienzo” para indicar el numero de línea en la que empieza el código.

Lenguajes soportados

abap, actionscript, actionscript3, ada, apache, applescript, aptsources, asm, asp, autoit, avisynth, bash, bf, bibtex, blitzbasic, bnf, boo, c, cmac, caddcl, cadlisp, cil, cfdg, cfm, cmake, cobol, cpp-qt, cpp, csharp, css, d, dcs, delphi, diff, div, dos, dot, eiffel, email, erlang, fo, fortran, freebasic, genero, gettext, glsl, gml, bnuplot, groovy, haskell, hq9plus, html4strict, idl, ini, inno, intercal, io, java, java5, javascript, kixtart, klonec, klonecpp, latex, lisp, locobasic, lolcode lotusformulas, lotusscript, lscript, lsl2, lua, m68k, make, matlab, mirc, modula3, mpasm, mxml, mysql, nsis, oberon2, objc, ocaml-brief, ocaml, oobas, oracle11, oracle8, pascal, per, pic16, pixelbender, perl, php-brief, php, plsql, povray, powershell, progress, prolog, properties, providex, python, qbasic, rails, rebol, reg, robots, ruby, sas, scala, scheme, scilab, sdlbasic, smalltalk, smarty, sql, tcl, teraterm, text, thinbasic, tsql, typoscript, vb, vbnet, verilog, vhdl, vim, visualfoxpro, visualprolog, whitespace, whois, winbatch, xml, xorg_conf, xpp, z80

Después del salto ejemplos de como queda.

HTML/Javascript

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Ejercicio 14 - DOM b?sico y atributos XHTML</title>
 
<script type="text/javascript">
function muestraOculta(id) {
 
/*
 A partir de la pagina web proporcionada, completar el codigo JavaScript para que:
 
   1. Cuando se pinche sobre el primer enlace, 
       se oculte su seccion relacionada
   2. Cuando se vuelva a pinchar sobre el mismo enlace, 
       se muestre otra vez esa seccion de contenidos
   3. Completar el resto de enlaces de la pagina para que su 
        comportamiento sea identico al del primer enlace
   4. Cuando una seccion se oculte, 
       debe cambiar el mensaje del enlace asociado
 
*/
	var elemento = document.getElementById('contenidos_'+id);
  var enlace = document.getElementById('enlace_'+id);
 
  if(elemento.style.display == "" || elemento.style.display == "block") {
    elemento.style.display = "none";
 
    enlace.firstChild.nodeValue = 'Mostrar contenidos';
  }
  else {
    elemento.style.display = "block";
    enlace.firstChild.nodeValue = 'Ocultar contenidos'; 
  }
}
</script>
</head>
 
<body>
 
<p id="contenidos_1">Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
<a id="enlace_1" href="#" onclick="muestraOculta('1');">Ocultar contenidos</a>
 
<br/>
 
<p id="contenidos_2">Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
<a id="enlace_2" href="#" onclick="muestraOculta('2');">Ocultar contenidos</a>
 
<br/>
 
<p id="contenidos_3">Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
<a id="enlace_3" href="#" onclick="muestraOculta('3');">Ocultar contenidos</a>
 
</body>
 
</html>

PHP

<?
echo $_REQUEST['usuario']."<br />".$_REQUEST['clave']."<br />";
 
$c=mysql_connect($mysql_server,$mysql_login,$mysql_pass);
if (!$c) {
	die('Could not connect: ' . mysql_error());
}
else{
	echo "Conexion correcta<br />";
	mysql_select_db("tienda",$c);
}
 
$consulta="SELECT email, contra FROM cliente WHERE email=";
$consulta.=$_REQUEST['usuario'];
$consulta.=";";	
 
$resultado= mysql_query($consulta,$c);
 
$cont=0;
while($linea = mysql_fetch_row($resultado)){					
	$dato[$cont]=$linea[0];
	$cont++;
}
 
for($i=0; $i<$cont; $i++){
	echo "<br />".$dato[$i];
}
 
?>

NOTA: los códigos son míos de diversos ejercicios que he hecho este curso, los he recuperado sin comprobar si eran las versiones correctas, así que es posible que no funcionen bien

Entradas relacionadas

6 respuestas to “WP Plugins: WP-Syntax, resalta código en WordPress”

claudio dice:

septiembre 18, 2009 en 9:54 pm

Hola…He instalado el mismo plugin y anda muy bien. SIn embargo tengo una duda. Quiero escribir comandos de linux, por ejemplo apt-get instal bla bla bla… en ese caso ¿sabes cual es el nombre de lenguaje a usar? ojalá puedas responderme. Gracias de ante manos
k40s dice:

septiembre 19, 2009 en 4:42 am

Para comandos de linux tienes que poner bash, pero no se como los coloreará y formateará que no lo he probado
claudio dice:

septiembre 19, 2009 en 9:27 am

Lo probe con un post antiguo sobre los drivers para mi tarjeta de video y así quedó: http://www.cabezadigital.com/2009/08/grafica-de-ubuntu-arreglada/
muchas gracias. Saludos
María Teresa dice:

noviembre 1, 2009 en 12:45 pm

Hola…, justo lo que andaba buscando. Lo acabo de instalar y ya estoy actualizando entradas anteriores.
Como estoy preparando un repositorio de los plugins que utilizo, he puesto un enlace tu post, espero no te importe.
Saludos
k40s dice:

noviembre 1, 2009 en 12:48 pm

claro que no me importa!
Álvaro Felipe dice:

marzo 2, 2010 en 5:48 pm

Una pregunta al respecto. El plugin va de maravilla pero no consigo escribir código html. Entre los lenguajes soportados no hay html (o sea transicional), solo en html4strict pero cuando ni así consigo que se muestre. ¿Alguna idea?

k40s