Diferencia entre revisiones de «Enmarcado de código»

Revisión actual del 14:22 1 dic 2012

Para enmarcar código, es posible utilizar los comandos "pre", "source" y "syntaxhighlight", sin embargo, pre, ofrece menos prestaciones para el código que source, y a su vez, syntaxhighlight es mas moderno que source. El comando "pre" muestra el contenido sin formato, en cambio, con "source" y "syntaxhighlight", junto con la directiva "lang", se puede elegir entre diversos lenguajes de programación para que el texto se muestre resaltado como debe ser.

En esta wiki syntaxhighlight será preferido para código. Ejemplo "pre"

<pre>
//yo soy código en C
int hornear(int potato)
{
if(potato<10) potato++;
return(potato)
}

Producirá

//yo soy código en C
int hornear(int potato)
{
if(potato<10) potato++;
return(potato)
}

Ejemplo "source"

<source lang="c">
//yo soy código en C
int hornear(int potato)
{
if(potato<10) potato++;
return(potato)
}
</source>

Producirá

//yo soy código en C
int hornear(int potato)
{
if(potato<10) potato++;
return(potato)
}

Ejemplo "syntaxhighlight"

<syntaxhighlight lang="c">
//yo soy código en C
int hornear(int potato)
{
if(potato<10) potato++;
return(potato)
}
</syntaxhighlight>

Producirá

//yo soy código en C
int hornear(int potato)
{
if(potato<10) potato++;
return(potato)
}

También se puede usar codigo CSS para sombrear o enmarcar contenido.

Ejemplo 1:

{| style="background:rgb(230,230,230);color:black; solid gray; font-family: fixedsys; border-style:solid; border-width:5px;" cellpadding=20px cellspacing=0 align=lefth width=0%
|
<source lang="c">
//yo soy código en C
int hornear(int potato)
{
if(potato<10) potato++;
return(potato)
}
|}

</source>

Producirá

//yo soy código en C
int hornear(int potato)
{
if(potato<10) potato++;
return(potato)
}

Ejemplo 2:

{| style="background:rgb(230,230,230);color:black; solid gray; font-family: fixedsys; " cellpadding=20px cellspacing=0 align=lefth width=0%
|
<source lang="c">
//yo soy código en C
int hornear(int potato)
{
if(potato<10) potato++;
return(potato)
}
|}
</source>

Producirá

//yo soy código en C
int hornear(int potato)
{
if(potato<10) potato++;
return(potato)
}

Ejemplo 3:

{| style="border:1px solid #000; background:#F3F3F3; vertical-align:top; color:#000; -moz-border-radius:2px; -webkit-border-radius: 2px; border-radius: 2px" cellpadding=20px cellspacing=0 align=lefth width=0%
|
<source lang="c">
//yo soy código en C
int hornear(int potato)
{
if(potato<10) potato++;
return(potato)
}
</source>
|}

Producirá

//yo soy código en C
int hornear(int potato)
{
if(potato<10) potato++;
return(potato)
}

Nota: Para utilizar "[syntaxhighlight]" es necesario tener instalado el módulo, para lo cual se puede seguir esta [guía]

Referencias

[http://www.mediawiki.org/wiki/Extension:SyntaxHighlight_GeSHi]

[http://en.wikibooks.org/wiki/MediaWiki_User_Guide]