Diferencia entre revisiones de «Enmarcado de código»
De Wikitronica
| Línea 1: | Línea 1: | ||
| − | Para enmarcar código, es posible utilizar los comandos "pre" | + | 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" | Ejemplo "pre" | ||
| + | |||
| + | |||
| + | <pre> | ||
| + | <pre> | ||
| + | //yo soy código en C | ||
| + | int hornear(int potato) | ||
| + | { | ||
| + | if(potato<10) potato++; | ||
| + | return(potato) | ||
| + | } | ||
| + | </pre> | ||
| + | |||
| + | Producirá | ||
<pre> | <pre> | ||
| Línea 14: | Línea 31: | ||
Ejemplo "source" | Ejemplo "source" | ||
| + | |||
| + | <pre> | ||
<source lang="c"> | <source lang="c"> | ||
//yo soy código en C | //yo soy código en C | ||
| Línea 22: | Línea 41: | ||
} | } | ||
</source> | </source> | ||
| + | </pre> | ||
| + | |||
| + | Producirá | ||
| + | |||
| + | <source lang="c"> | ||
| + | //yo soy código en C | ||
| + | int hornear(int potato) | ||
| + | { | ||
| + | if(potato<10) potato++; | ||
| + | return(potato) | ||
| + | } | ||
| + | </source> | ||
| + | |||
| + | Ejemplo "syntaxhighlight" | ||
| + | |||
| + | <pre> | ||
| + | <syntaxhighlight lang="c"> | ||
| + | //yo soy código en C | ||
| + | int hornear(int potato) | ||
| + | { | ||
| + | if(potato<10) potato++; | ||
| + | return(potato) | ||
| + | } | ||
| + | </syntaxhighlight> | ||
| + | |||
| + | </pre> | ||
| + | |||
| + | Producirá | ||
| + | |||
| + | <syntaxhighlight lang="c"> | ||
| + | //yo soy código en C | ||
| + | int hornear(int potato) | ||
| + | { | ||
| + | if(potato<10) potato++; | ||
| + | return(potato) | ||
| + | } | ||
| + | </syntaxhighlight> | ||
También se puede usar codigo CSS para sombrear o enmarcar contenido. | También se puede usar codigo CSS para sombrear o enmarcar contenido. | ||
| Línea 115: | Línea 171: | ||
|} | |} | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | + | ''Nota: | |
| + | Para utilizar "[[http://www.mediawiki.org/wiki/Extension:SyntaxHighlight_GeSHi syntaxhighlight]]" es necesario tener instalado el módulo, para lo cual se puede seguir esta [[http://www.mediawiki.org/wiki/Extension:SyntaxHighlight_GeSHi#Installation guía]]'' | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
====Referencias==== | ====Referencias==== | ||
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]
