Diferencia entre revisiones de «Enmarcado de código»
De Wikitronica
| Línea 25: | Línea 25: | ||
Ahora, como se pudo notar, source no enmarca automáticamente el código, para lo cual entonces se debe usar codigo CSS. | Ahora, como se pudo notar, source no enmarca automáticamente el código, para lo cual entonces se debe usar codigo CSS. | ||
| − | Ejemplo: | + | Ejemplo 1: |
| − | + | ||
| − | + | ||
<pre> | <pre> | ||
| − | + | {| 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% | |
| − | {| style="background:rgb(230,230,230);color:black; solid gray; font-family: fixedsys;" cellpadding=20px cellspacing=0 align=lefth width=0% | + | |
| | | | ||
<source lang="c"> | <source lang="c"> | ||
| Línea 42: | Línea 39: | ||
|} | |} | ||
</pre> | </pre> | ||
| + | |||
| + | Producirá | ||
| + | |||
| + | {| 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> | ||
|} | |} | ||
| + | |||
| + | Ejemplo 2: | ||
| + | <pre> | ||
| + | {| 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> | ||
| + | |} | ||
| + | </pre> | ||
Producirá | Producirá | ||
| Línea 57: | Línea 82: | ||
</source> | </source> | ||
|} | |} | ||
| + | |||
| + | |||
Además de estas posibilidades es posible utilizar el comando "[[http://www.mediawiki.org/wiki/Extension:SyntaxHighlight_GeSHi syntaxhighlight]]" y la directiva "lang", sin embargo es necesario tener intalado el módulo, para lo cual se puede seguir esta [[http://www.mediawiki.org/wiki/Extension:SyntaxHighlight_GeSHi#Installation guía]] | Además de estas posibilidades es posible utilizar el comando "[[http://www.mediawiki.org/wiki/Extension:SyntaxHighlight_GeSHi syntaxhighlight]]" y la directiva "lang", sin embargo es necesario tener intalado el módulo, para lo cual se puede seguir esta [[http://www.mediawiki.org/wiki/Extension:SyntaxHighlight_GeSHi#Installation guía]] | ||
Revisión del 12:02 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)
}
|
Además de estas posibilidades es posible utilizar el comando "[syntaxhighlight]" y la directiva "lang", sin embargo es necesario tener intalado el módulo, para lo cual se puede seguir esta [guía]
Referencias
[http://www.mediawiki.org/wiki/Extension:SyntaxHighlight_GeSHi]
