Diferencia entre revisiones de «Enmarcado de código»
De Wikitronica
| (No se muestra una edición intermedia del mismo usuario) | |||
| 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> | <pre> | ||
//yo soy código en C | //yo soy código en C | ||
| Línea 12: | Línea 18: | ||
</pre> | </pre> | ||
| + | Producirá | ||
| + | <pre> | ||
| + | //yo soy código en C | ||
| + | int hornear(int potato) | ||
| + | { | ||
| + | if(potato<10) potato++; | ||
| + | return(potato) | ||
| + | } | ||
| + | </pre> | ||
| − | + | Ejemplo "source" | |
| + | |||
| + | |||
| + | <pre> | ||
| + | <source lang="c"> | ||
| + | //yo soy código en C | ||
| + | int hornear(int potato) | ||
| + | { | ||
| + | if(potato<10) potato++; | ||
| + | return(potato) | ||
| + | } | ||
| + | </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. | ||
Ejemplo 1: | Ejemplo 1: | ||
| Línea 27: | Línea 92: | ||
return(potato) | return(potato) | ||
} | } | ||
| − | |||
|} | |} | ||
| + | |||
| + | </source> | ||
</pre> | </pre> | ||
| Línea 56: | Línea 122: | ||
return(potato) | return(potato) | ||
} | } | ||
| − | |||
|} | |} | ||
| + | </source> | ||
</pre> | </pre> | ||
| Línea 71: | Línea 137: | ||
return(potato) | return(potato) | ||
} | } | ||
| + | |||
</source> | </source> | ||
|} | |} | ||
| Línea 106: | Línea 173: | ||
| − | + | ||
| − | // | + | ''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]
