Sintaxis Wiki.

Included page "include:languages" does not exist (create it now)


Este documento está sujeto a revisión.

Este documento describe la Sintaxis Wiki usada en el proyecto wikidot.com

Cualquier página de cualquiera de los sitios existe en dos formas distintas: el código fuente y el código compilado.
El código fuente es lo que tú puedes editar y que describe el contenido de la página. El código fuente es compilado a código XHTML que es enviado al navegador cuando ves(navegas la página. La Sintaxis Wiki es usada para crear el contenido de las páginas a base de editar su código fuente.

Si estás buscando trozos de código para wikidot listos para copia/pegar/modificar visita nuestra página de Snippets.

Formato Rápido

Lo que escribes lo que obtienes
//italic text// italic text
**bold text** bold text
//**italic and bold**// italic and bold
__underline text__ underline text
--strikethrough text-- strikethrough text
{{teletype (monospaced) text}} teletype (monospaced) text
normal^^superscript^^ normalsuperscript
normal,,subscript,, normalsubscript
[!-- invisible comment --]
[[span style="color:red"]]custom //span// element[[/span]] custom span element
##blue|predefined## or ##44FF88|custom-code## color predefined or custom-code color

Tamaño del texto

what you type what you get
[[size 80%]]80% del Tamaño Normal[[/size]] 80% del Tamaño Normal
[[size 100%]]100% del Tamaño Normal[[/size]] 100% del Tamaño Normal
[[size 200%]]200% del Tamaño Normal[[/size]] 200% del Tamaño Normal
[[size xx-small]]xx-small text[[/size]] xx-small text
[[size x-small]]x-small text[[/size]] x-small text
[[size small]]small text[[/size]] small text
[[size smaller]]smaller text[[/size]] smaller text
Normal text Normal text
[[size larger]]larger text[[/size]] larger text
[[size large]]large text[[/size]] large text
[[size x-large]]x-large text[[/size]] x-large text
[[size xx-large]]xx-large text[[/size]] xx-large text

Párrafos y líneas nuevas

Los Párrafos están separados por dos líneas nuevas. Una línea nueva procude… Una línea nueva

Primer párrafo. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

Segundo párrafo. Aenean a libero. Vestibulum adipiscing, felis ac faucibus imperdiet, erat lacus accumsan neque, vitae nonummy lorem pede ac elit.
Una línea nueva.
Otra línea nueva.

Primer párrafo. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

Segundo párrafo. Aenean a libero. Vestibulum adipiscing, felis ac faucibus imperdiet, erat lacus accumsan neque, vitae nonummy lorem pede ac elit.
Una línea nueva.
Otra línea nueva.

Tipografía

Si te preocupa la tipografía, aquí hay algunas formas sencillas de mejorarla en tus textos:

tecleas obtienes
``quotation'' “quotation”
`quotation' ‘quotation’
,,quotation'' „quotation”
dots... dots…
em -- dash em — dash

Texto Literal

Si quieres evitar el parseo (transformación del texto origen) y mostrar el texto tal cual lo escribes, enciérralo entre caracteres @@ dobles.

Este //texto// será **parseado**.

@@Este //texto// no será **parseado**.@@

Este texto será parseado.

Este //texto// no será **parseado**.

Comentarios

Los comentarios son bloques de código fuente que no se tomarán en cuenta a la hora de formar la página y mostrarla. Muy útiles para los editores. Para añadir un comentario en el código fuente usa la construcción [!-- ... --] como se indica:

[!--
Este texto no será mostrado
--]

Encabezados

Para hacer un encabezado comienza la linea con un símbolo "más". Usa tantos mases como el nivel de encabezado que quieras conseguir.

+ Level 1 Heading
++ Level 2 Heading
+++ Level 3 Heading
++++ Level 4 Heading
+++++ Level 5 Heading
++++++ Level 6 Heading

Tabla de Contenidos

Para crear una lista con cada encabezado, y un enlace a ese encabezado, pon una etiqueta de Tabla de Contenidos (Table of contents, TOC) en una linea propia.

[[toc]]
[[f>toc]] - Tabla de contenidos flotante a la derecha
[[f<toc]] - Tabla de contenidos flotante a la izquierda

Lineas horizontales

Usa cuatro guiones o más (----) para crear una línea horizontal

Listas

Listas Ordenadas

Para crear un elemento de una lista inicia la línea con un asterisco. Para anidar elementos en otros elementos de la lista, pon espacios extra antes del asterisco.

* Bullet 1
* Bullet 2
 * Bullet 2.1
  • Bullet 1
  • Bullet 2
    • Bullet 2.1

Listas numeradas

De forma similar, puedes crear listas numeradas iniciando un nuevo párrafo con uno o más almohadillas (gatos, cuadradillos, o como lo llames).

# Item 1
# Item 2
 # Item 2.1
  1. Item 1
  2. Item 2
    1. Item 2.1

Puedes mezclar listas ordenadas y numeradas

Listas de definiciones

Puedes crear una lista de definiciones (descripciones) con la siguiente sintaxis:

: Item 1 : Algo
: Item 2 : Algo distinto
Item 1
Algo
Item 2
Algo distinto

Bloque de Cita

Puedes señalar una cita comenzando una linea con uno o más signos '>' , seguidos de un espacio y el texto a ser citado.

Esto es texto normal.

> Sangria! The quick brown fox jumps over the lazy dog. \
Now this the time for all good men to come to the aid of \
their country. Notice how we can continue the block-quote \
in the same "paragraph" by using a backslash at the end of \
the line.
>
> Otro bloque que nos lleva a...
>> Segundo nivel de sangría. This second is indented even \
more than the previous one.

Volvemos al texto normal.

Esto es texto normal.

Sangria! The quick brown fox jumps over the lazy dog. Now this the time for all good men to come to the aid of their country. Notice how we can continue the block-quote in the same "paragraph" by using a backslash at the end of the line.
Otro bloque que nos lleva a…

Segundo nivel de sangría. This second is indented even more than the previous one.

Volvemos al texto normal.

Enlaces

Enlaces internos

De manera distinta a otros sitios wiki, wikidot.com no procesa palabras UnidasYCapitalizadas . En vez de eso, cada enlace debe ser marcado con 3 corchetes anidados.

Si una direccion de página contiene caracteres no autorizados, la direccion será "arreglada" para albergar sólo caracteres autorizados, aunque el nombre mostrado mantendrá el formato original.

lo que tecleas lo que obtienes comentarios
[[[link-to-a-page]]] link-to-a-page usando un nombre de página tal cual
[[[link "TO" ą pagE]]] link "TO" ą pagE purificación automática de la página de destino
[[[category: sample page]]] sample page enlazada a una pagina perteneciente a una categoría
[[[some page| custom text]]] custom text usando un texto para el enlace
[[[fauna | Fauna de Regnum]]] Fauna de Regnum enlazar a una pagina existente o inexistente aun
[[[doc#toc1|Section 1]]] Section 1 enlazando a un ancla con un texto (Primera sección)
[[[doc#toc1]]] doc enlazando a un ancla (primera seccion)

URLs

lo que tecleas lo que obtienes comentarios
http://www.wikidot.com http://www.wikidot.com enlace simple
[http://www.wikidot.com wikidot] wikidot enlace sobre un texto particular
*http://www.wikidot.com
[*http://www.wikidot.com wikidot]
http://www.wikidot.com
wikidot
abre en una ventana nueva
[# empty link] empty link enlace muerto a href="javascript:;" i.e. no lleva a ningun sitio. util para crear menus desplegables

Anclas

Para situar un ancla usa la sintaxis [[# nombre-ancla]] . Para referirte a un ancla (y situarte en él) usa [# nombre-ancla texto a mostrar].

Emails

what you type what you get comments
support@example.com moc.elpmaxe|troppus#moc.elpmaxe|troppus simple inline email
[support@example.com email me!] moc.elpmaxe|troppus#!em liame custom anchor

Queremos desanimar a todos de poner su dirección email en la Web. WikiDot procura un mecanismo para prevenir los robots automáticos buscando emails. Cada email está descodificado en el navegador. así, no es al 100% seguro para guardarsede los spams, pero mucho más seguro que los textos "plain" de los e-mails.

InterWiki

Para enlazar directamente a un artículo de Wikipedia puedes usar la sintaxis:

what you type what you get
[wikipedia:Albert_Einstein] Albert_Einstein
[wikipedia:Albert_Einstein Albert] Albert

Otros enlaces definidos como ejemplo:

  • [google:free+wiki] - buscar en google los terminos "free wiki"
  • [dictionary:wiki] - buscar definiciones de la palabra wiki en dictionary.reference.com

Imágenes

Imágenes sencillas.

Para insertar una imagen en una página usa la sintaxis siguiente

[[image origen-de-la-imagen atributo1="valor1" atributo2="valor2" ...]]

Y aquí está la lista de atributos admitidos.

nombre de atributo valores permitidos valor de ejemplo descripción
link nombre de pagina wiki o URL "wiki-page"
"http://www.example.com"
hace que la imagen enlace con otra página o dirección web; esto es ignorado cuando se usa Flickr como origen de las imágenes; precede el elnace con un '*' para hacer que se abra en una ventana nueva
alt cualquier cadena "una foto de mi papa" sustitución del texto cuando la imagen no esta disponible
width número de pixels "200px" fuerza el ancho de la imagen al ser mostrada
height número de pixels "200px" fuerza el alto de la imagen al ser mostrada
style definición de estilo CSS válida "border: 1px solid red; padding: 2em;" añade estilo CSS extra a la imagen
class clase CSS "mystyle" fuerza la clase CSS para la imagen - sugerido sólo cuando usas "temas" personalizados
size "square" - 75x75 pixels
"thumbnail" - 100 en el lado más largo
"small" - 240 en el lado más largo
"medium" - 500 en el lado más largo
"large" - 1024 en el lado más largo (sólo para imáagenes grandes de Flickr)
"original" - imagen original (sólo Flickr)
cualquiera de los admitidos ;-) muestra una imagen a escala ; genial para l thumbnails
if flickr is the source it pulls required size from a Flickr server;
esta opción solo tiene efecto en imágenes locales o almacenadas en Flickr

el atributo size funciona muy bien con archivos locales (adjuntos a la página) no sólo con archivos de imagen, sino con por ejemplo e.g. PDF o archivos PostScript. Ver esta página (en inglés) para más detalles.

El origen-de-la-imagen sólo puede ser una de las siguientes cosas:

tipo de origen formato valor de ejemplo descripción
direccion URL cualquier direccion URL válida http://www.example.com/image.jpg muestra la imagen desde su sitio web original
archivo adjunto (en la página actual) nombredearchivo exampleimage.jpg muestra la imagen adjunta a la página actual
archivo adjunto (en otra pñagina) /nombre-de-la-pagina/nombredearchivo /another-page/exampleimage.jpg muestra la imagen adjunta en otra página
imagen de flickr flickr:photoid flickr:83001279 muestra la imagen desde Flickr y enlaza con la página original de Flickr
imagen de flickr (privada) flickr:photoid_secret flickr:149666562_debab08866 muestra la imagen desde Flickr y enlaza a la pagina original de Flickr; si el secret es incluído, la imagen es accesible aunque esté marcada como no-pública

Para hacer que el documento enlazado se abra en una nueva ventana puede usar el atributo link con '*' (e.g. link="*http://www.example.com" o preceder el elemento src con '*' (e.g. *flickr:149666562_debab08866, *image-file etc.) para imágenes que automáticamente generan links.

Para elegir una colocación horizontal usa::

  • [[=image… - imagen centrada
  • [[<image… - imagen a la izquierda
  • [[>image… - imagen a la derecha
  • [[f<image… - imagen flotante a la izquierda (rodeada por el texto)
  • [[f>image… - imagen flotante a la derecha (rodeada por el texto)

Galería de imágenes

Para insertar una serie de imagenes dentro del contenido de una pagina use el elemento [[gallery]]:

[[gallery size="image-size"]]

ó
[[gallery size="image-size"]]
: image-source1 attribute1="value1" attribute2="value2" ...
: image-source2 attribute1="value1" attribute2="value2" ...
...
[[/gallery]]

El único atributo permitido dentro de [[gallery]] es la etiqueta size con los valores permitidos "square", "thumbnail", "small", "medium".

Si la etiqueta [[gallery]] es invocada sin una lista de imágenes este automaticamente mostrara imagenes reescaladas (thumbnails) de archivos de imagenes adjuntas en la página actual (Esto también incluye thumbnails para cualquier documento .pdf ó .ps).

Si [[gallery]] es invocado con una lista de imágenes, solo esas imágenes son mostradas. image-source no debe ser una URL en este caso. Atributos permitidos por imagen son:

  • link - URL ó nombre de una pagina wiki (No trabaja con imágenes Flickr para estar o.k. con los terminos Flickr)
  • alt - Texto alternativo cuando una imágen no esta disponible

Para abrir un documento en una nueva ventana seguir las mismas reglas como se aplica a una sola imagen.

Ver también FlickrGallery module si ud. desea importar imágenes de Flickr.

Bloques de Código

Crea bloques de código usando las etiquetas [[code]]…[[/code]] (cada una en su propia línea).

Esto es un ejemplo de codigo!

Para crear bloques de código PHP que son automaticamente coloreados cuando usas etiquetas PHP, simplemetne rodea el código con las etiquetas [[code type="php"]]…[[/code]] ).

Para conseguir código PHP coloreado, deberás rodearlo con <?php.. ?>.

WikiDot.com usa PEAR::Text_Highlighter y soporta algunos temas de colores. Aqui se muestran los que se soportan (valores aceptados):

php, html, cpp, css, diff, dtd, java, javascript, perl, python, ruby, xml.

[[code type="php"]]
<?php
/* comment */
for($i=0; $i<100; $i++){
echo "number".$i."\n";
}
?>
[[/code]]
<?php
/* comment */
for($i=0; $i<100; $i++){
echo "number".$i."\n";
}
?>

Tablas

Puedes crear tablas usando pares de barras verticales:

||~ head 1 ||~ head 2 ||~ head 3 ||
|| cell 1 || cell 2 || cell 3 ||
|||| long cell 4 || cell 5 ||
||cell 6 |||| long cell 7 ||
|||||| looong cell 8||
head 1 head 2 head 3
cell 1 cell 2 cell 3
long cell 4 cell 5
cell 6 long cell 7
looong cell 8
|| lines must start and end || with double vertical bars || nothing ||
|| cells are separated by || double vertical bars || nothing ||
|||| you can span multiple columns by || starting each cell ||
|| with extra cell |||| separators ||
|||||| but perhaps an example is _
the easiest way to see ||
lines must start and end with double vertical bars nothing
cells are separated by double vertical bars nothing
you can span multiple columns by starting each cell
with extra cell separators
but perhaps an example is
the easiest way to see

Para una nueva linea dentro de una celda usa _ (guión bajo) al final de la linea (ver el ejemplo anterior).

Bloques de Formato

Left, right, centered and justified

Para usar alineamiento horizontal en un bloque usa los siguiente:

[[<]] ... [[/<]] alinear izquierda
[[>]] ... [[/>]] alinear derecha
[[=]] ... [[/=]] alinear centro
[[==]] ... [[/==]] alinear justificado

E.g.

[[=]]
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.\
Aenean a libero. Vestibulum adipiscing, felis ac faucibus \
imperdiet, erat lacus accumsan neque, vitae nonummy lorem \
pede ac elit.

Maecenas in urna. Curabitur hendrerit risus vitae ligula.
[[/=]]

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean a libero. Vestibulum adipiscing, felis ac faucibus imperdiet, erat lacus accumsan neque, vitae nonummy lorem pede ac elit.

Maecenas in urna. Curabitur hendrerit risus vitae ligula.

Para centrar una sola línea usa = al comienzo:

= Linea centrada

Linea centrada

Bloques div personalizados

Para mejorar el diseño puedes usar elementos [[div]] ... [[/div]] que se transformaran en bloques HTML @div> ... </div@.
Atributos permitidos: class y style sólo pero deberían ser más que suficientes para conseguir el diseño deseado.

Los bloques [[div]] pueden ser anidados.

A continuación hay un ejemplo de como crear un diseño de 2 columnas usando bloques div:

[[div style="float:left; width: 45%; padding: 0 2%"]]
columna izq columna izq columna izq columna izq columna izq 
columna izq columna izq columna izq columna izq columna izq 
[[/div]]
[[div style="float:left; width: 45%; padding: 0 2%"]]
columna der columna der columna der columna der columna der 
columna der columna der columna der columna der columna der 
[[/div]]

~~~~~

columna izq columna izq columna izq columna izq columna izq columna izq columna izq columna izq columna izq columna izq

columna der columna der columna der columna der columna der columna der columna der columna der columna der columna der

El elemento ~~~~ se usa para limpiar los floats y se traduce mas o menos como <div style="clear:both"></div>).

Los bloques [[div]] personalizados pueden usarse para crear diseños de página muy avanzados.

Matemáticas

WikiDot.com usa LaTeX para crear bonitas ecuaciones. Para aquellos que conozcan la sintaxis LaTeX usar las ecuaciones de WikiDot debería ser muy fácil.

Ecuaciones

Simplemente ponga la ecuación entre las etiquetas de block [[math label]] … [[/math]] (la etiqueta propia es opcional). La ecuación se formula dentro de LaTex \begin{equation} ... \end{equation}. Por favor, consulte cualquier manual de referencias de LaTeX para conocer su síntaxis.

[[math label1]]
\rho _{\rm GJ} = -\sigma (r) \left[ (1 - \eta _{\ast }^2 {\kappa \over {\eta ^3}}) \cos \chi \right.
+ \left. {3\over 2} \theta (\eta) H(\eta)
\xi \sin \chi \cos \phi \right]
[[/math]]
(1)
\begin{align} \rho _{\rm GJ} = -\sigma (r) \left[ (1 - \eta _{\ast }^2 {\kappa \over {\eta ^3}}) \cos \chi \right. + \left. {3\over 2} \theta (\eta) H(\eta) \xi \sin \chi \cos \phi \right] \end{align}

Para refirirse a una ecuación ya etiquetada _labeled__ equation use simplemente [[eref label]] para obtener un número bruto o bien por ejemplo Eq. ([[eref label1]]) lo cual da lo mismo. (1).

Para acortar largas ecuaciones use un type="eqnarray" attribute, e.g.

[[math label2 type="eqnarray"]]
\lefteqn{ \cos x = 1        
-\frac{x^{2}}{2!} +{} } \\
& & {}+\frac{x^{4}}{4!}
-\frac{x^{6}}{6!}+{}\cdots
[[/math]]
(2)
\begin{eqnarray} \lefteqn{ \cos x = 1 -\frac{x^{2}}{2!} +{} } \\ & & {}+\frac{x^{4}}{4!} -\frac{x^{6}}{6!}+{}\cdots \end{eqnarray}

Matemáticas Inline

Para usar expresiones matemáticas dentro del texto (frase) usa las etiquetas de bloque [[$ ... $]]

[[$ E = mc^2 $]] is much more popular than
[[$ G_{\mu\nu} - \Lambda g_{\mu\nu} = \kappa T_{\mu\nu} $]]

$E = mc^2$ is much more popular than $G_{\mu\nu} - \Lambda g_{\mu\nu} = \kappa T_{\mu\nu}$

Notas al Pie

Para hacer Notas al Pie en el texto usa un bloque [[footnote]] . Para forzar a la lista de notas al pie a aparecer en un lugar distinto al pie de página usa
[[footnoteblock]].

Algo de texto[[footnote]]Y una nota.[[/footnote]]. Alla vamos con otra nota al pie[[footnote]]Contenido de otra nota al pie.[[/footnote]].

[[footnoteblock]]

Algo de texto1. Alla vamos con otra nota al pie2.

Si no te gusta el título por defecto ("Footnotes") puedes forzarle a mostrar un titulo distinto usando [[footnoteblock title="título personalizado"]] o incluso no usar ningun título en absoluto (title="").

Bibliografía

El bloque de Bibliografía esta definido por [[bibliography]]...[[/bibliography]]. Cada item de bibliografía tiene la forma:
label : referencia completa
Para citar una entrada en la bibliografía usa((bibcite label)).

The first pulsar was observed by J. Bell and A. Hewish [((bibcite bell))]. Another reference [see ((bibcite guy))].

[[bibliography]]
: bell : Bell, J.; Hewish, A.; Pilkington, J. D. H.; Scott, P. F.; and Collins, R. A. //Observation of a Rapidly Pulsating Radio Source.// Nature 217, 709, 1968.
: guy : Guy, R. K. //Modular Difference Sets and Error Correcting Codes.// §C10 in Unsolved Problems in Number Theory, 2nd ed. New York: Springer-Verlag, pp. 118-121, 1994.
[[/bibliography]]

El primer pulsar fue observado por J. Bell and A. Hewish [1]. Para otra referencia [see 2].

Bibliography
1. Bell, J.; Hewish, A.; Pilkington, J. D. H.; Scott, P. F.; and Collins, R. A. Observation of a Rapidly Pulsating Radio Source. Nature 217, 709, 1968.
2. Guy, R. K. Modular Difference Sets and Error Correcting Codes. §C10 in Unsolved Problems in Number Theory, 2nd ed. New York: Springer-Verlag, pp. 118-121, 1994.

Si no te gusta el título por defecto("Bibliography") puedes forzarle a mostrar un titulo distinto usando [[bibliography title="Custom title"]] o incluso no usar ningún título en absoluto(title="").

Incluir otras páginas

Si quieres incluir contenido de otras páginas usa:

 [[include nombredepagina]]

La etiqueta include debería empezar y terminar en una línea.

Hasta acá la traducción — Here ends the translation.

The [[include]] tag can also take parameters and substitute variables in the included source. To denote variables in the included page use:

{$var1}, {$number_books}, {$title}, {$variable_name}, {$variableName}

and in the including page use:

 [[include pagename var1=value1 | number_books = 43 | title=Best Wiki Ever
| variable_name = just a variable
| variableName = another variable
]]

As you can see you can splid variable definitions over several lines for cleaner code.

NOTE: includes and images/files: The [[include]] works just by inserting the page source at a given place. If you have any images or files attached in the included page and you refer to them as [[image filename.jpg]] in the included page, please rather use the image/file source with the name of the page too, e.g. [[image included-page/filename.jpg]]

Embedding media

Video

Para encajar un video directamente en una página, use el blog [[embedvideo]] ... [[/embedvideo]].
Metido en el "embedding html code" será puesto desde cualquiera de las galerías de videos:

Por ejemplo.

[[embedvideo]]
<embed style="width:400px; height:326px;" id="VideoPlayback" align="middle"
type="application/x-shockwave-flash"
src="http://video.google.com/googleplayer.swf?docId=263244138622602613"
allowScriptAccess="sameDomain" quality="best" bgcolor="#ffffff" scale="noScale" salign="TL"
FlashVars="playerMode=embedded"> </embed>
[[/embedvideo]]

Audio

To embed audio use [[embedaudio]] ... [[/embedaudio]] and the html embedding code found on the audio hosting website.

Currently supported are:

E.g.

[[embedaudio]]
<embed src="http://www.odeo.com/flash/audio_player_standard_gray.swf"
quality="high" width="300" height="52" name="audio_player_standard_gray"
align="middle" allowScriptAccess="always" wmode="transparent"  
type="application/x-shockwave-flash" flashvars="audio_id=99133&audio_duration=282.0&valid_sample_rate=true&external_url=http://www.vitalpodcasts.com/FileSystem/podcasts/89/opensource_episode1.mp3" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</embed><br /><a style="font-size: 9px; padding-left: 110px; color: #f39;
letter-spacing: -1px; text-decoration: none" href="http://odeo.com/audio/99133/view">
powered by <strong>ODEO</strong></a>
[[/embedaudio]]

Embedding code from other sites

Sometimes web sites (mainly social-oriented ones) allow you to paste a code block directly into other pages in order to increase your site functionality or embed some contet from the original site.

[[embed]] tag

The [[embed]] block tag allows you to do the same with your wiki pages. E.g. to display del.icio.us tag cloud as generated from http://del.icio.us/help/tagrolls simply wrap the html code:

[[embed]]
<script type="text/javascript" src="http://del.icio.us/feeds/js/tags/michal_frackowiak?icon;size=12-35;color=87ceeb-0000ff;title=my%20del.icio.us%20tags"></script>
[[/embed]]

For the list of supported services please see the page: Embedding code from other services.

Please note that if the code contains <script type="text/javascript"… i.e. just JavaScript, the content will not be fully rendered when you click preview while editing the page. It should be there however when you view the page afterwards.

[[iframe]] element

Using the iframe element one can embed content of any other web page. The syntax is

[[iframe url-source attributes]]

and it translates into HTML tags <iframe src="url-source" attributes></iframe>. The allowed attributes are: frameborder (0 or 1 allowed), align (left, right, top, bottom, middle), height (number of pixels or %), width (number of pixels or %), scrolling (yes or no), class, style

Modules

Modules are independent widgets that can be placed in the pages. The general syntax is:
[[module ModuleName param1="value1" param2="value2" ...]]

To read more about modules see the modules section of the documantation.

Attached files

what you type what it means
[[file filename]] produces a link to a file attached to this page
[[file /another-page/filename]] produces a link to a file attached to another-page

The destination file must be first attached to the page — by clicking "files" and "upload file" from the options at the bottom of any page.

Users

what you type what you get comments
[[user user-name]]
e.g. [[user michal frackowiak]]
michal frackowiak user info (no buddy icon)
[[*user user-name]]
e.g. [[*user michal frackowiak]]
michal frackowiakmichal frackowiak user info (with buddy icon)

Social bookmarking

It is easy to add "social bookmarking" buttons to your pages — just write [[social]] (without any parameters) and get:

BlinkListblogmarksdel.icio.usdiggFarkfeedmelinksFurlLinkaGoGoNewsVineNetvouzRedditYahooMyWebFacebook

This is equivalent to:

[[social blinkbits,blinklist,blogmarks,co.mments,connotea,del.icio.us,de.lirio.us,digg,fark,feedmelinks,furl,linkagogo,ma.gnolia,newsvine,netvouz,rawsugar,reddit,scuttle,shadows,simpy,smarking,spurl,tailrank,wists,yahoomyweb,facebook]]

You can also choose only selected services, e.g. to choose digg, furl and del.icio.us use:

[[social digg,furl,del.icio.us,facebook]]

and get: diggFurldel.icio.usFacebook

Tip: use social bookmarking! It is always a good idea to put social shortcuts under an article or inside your side bar.

Standalone buttons (page options)

Somehow it might be convenient to hide the default page options and present only selected buttons to the users. The syntax for it is:

[[button type options]]

Where the type is: edit, edit-append, edit-sections, history, print, files, tags, source (view page source), backlinks, talk (works similar as in MediaWiki/Wikipedia).

Possible attributes are:

  • text — alternative text to be displayed
  • class — CSS class of the A element
  • style — CSS style definition

For some nice "view source" and "print" buttons with icons you can use the following code:

[[>]]
[[button source style="background-image: url(http://www.wikidot.com/local--files/files/view-source.png); background-repeat: no-repeat; background-position: bottom right; padding-right: 20px; color: #444"]]
[[button print style="background-image: url(http://www.wikidot.com/local--files/files/document-print.png); background-repeat: no-repeat; background-position: bottom right; padding-right: 20px;color: #444"]]
[[/>]]

to get:

Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License