Diferencia entre revisiones de «Enmarcado de código»

De Wikitronica
Saltar a: navegación, buscar
Línea 86: Línea 86:
 
|}
 
|}
  
 +
Ejemplo 3:
 +
 +
<pre>
 +
{| style="border:1px solid #000; background:#FAFAFA; 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>
 +
|}
 +
</pre>
 +
 +
Producirá
 +
 +
{| style="border:1px dashed rgb(0,0,255); background:#FAFAFA; 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>
 +
|}
  
  

Revisión del 12:35 1 dic 2012


Para enmarcar código, es posible utilizar los comandos "pre" y "source", sin embargo, pre, ofrece menos prestaciones para el código que source, dado que "pre" muestra el contenido sin formato, en cambio, con "source" y la directiva "lang" se puede elegir entre diversos lenguajes de programacion para que el texto se muestre resaltado como debe ser.

Ejemplo "pre"

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

Ejemplo "source"

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

Ahora, como se pudo notar, source no enmarca automáticamente el código, para lo cual entonces se debe usar codigo CSS.

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:#FAFAFA; 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)
}


Además de estas posibilidades se puede utilizar el comando "[syntaxhighlight]" y la directiva "lang", sin embargo 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]

Contributors

AK, Racuna