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

  1. Descargarlo y descomprimirlo
  2. Subir el plugin a wp-content/plugins/wp-syntax/
  3. 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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56

<!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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29

<?
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

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

  1. claudio dice:
    18 sep ’09 a las 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

    Responder
  2. k40s dice:
    19 sep ’09 a las 4:42 am

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

    Responder
  3. claudio dice:
    19 sep ’09 a las 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 :P

    Responder
  4. María Teresa dice:
    1 nov ’09 a las 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

    Responder
  5. k40s dice:
    1 nov ’09 a las 12:48 pm

    claro que no me importa!

    Responder
  6. Álvaro Felipe dice:
    2 mar ’10 a las 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?

    Responder
  7. Nolvadex 20 mg dice:
    30 nov ’11 a las 4:02 pm

    Envidio tu capacidad para publicar maravilloso artículo sobre http://www.k40s.org simplemente quería decir que me gusta esto!

    Responder
  8. winstrol dice:
    4 dic ’11 a las 3:46 am

    Es realmente una pieza fresca y útil de información. Estoy satisfecho de que usted compartió útil esta información con nosotros. Por favor, quédate nos informó de esta manera. Gracias por compartirlo en http://www.k40s.org

    Responder
  9. Comprar Deca Durabolin dice:
    5 dic ’11 a las 7:30 am

    http://www.k40s.org parece tener una buena cantidad de visitantes. ¿Cómo conseguir tráfico a ella? Ofrece una única vuelta agradable de las cosas. Supongo que algo real o sustancial a hablar es de lo más importante.

    Responder
  10. esteroides anabólicos dice:
    9 dic ’11 a las 9:15 pm

    Pero quiero decirles que este http://www.k40s.org es de gran ayuda, gracias por tomarse el tiempo para escribir esto.

    Responder

Deja tu comentario

Page 1 of 11
preload preload preload