Diferencia entre revisiones de «Enmarcado de código»

De Wikitronica
Saltar a: navegación, buscar
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:
{| style="background:rgb(230,230,230);color:black; solid gray; font-family: fixedsys;" cellpadding=20px cellspacing=0 align=lefth width=0%
+
|
+
 
<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]

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

Contributors

AK, Racuna