La Sintassi di Wiki


Questo documento descrive la Sintassi Wiki usata dai siti Wikidot.

Helpful is: [http://doc.wikidot.com/] (build by Community-Admins ) with the translate-button right side!

Le pagine wiki esistono sotto due forme differenti: in forma di codice sorgente e in forma di codice compilato. La forma sorgente è quella che battete nella finestra di edit, invece la forma compilata è la pagina che leggete quando avete fatto save nella finestra di edit. In sostanza il codice sorgente viene compilato in formato XHTML e mandato al browser che visualizzerà la pagina con la formattazione indicata nel codice sorgente. La Sintassi Wiki viene usata per creare le pagine scrivendo il contenuto nel codice sorgente.


Se cerchi pezzi di codice wiki pronti per essere copiati/incollati/modificati guarda in Code Snippets Site.

Formattazione del Testo

Quello che scrivete nel codice Quello che ottenete
//testo corsivo// testo corsivo
**testo grassetto** testo in grassetto
//**grassetto e corsivo**// grassetto e corsivo
__testo sottolineato__ testo sottolineato
--testo sbarrato-- testo sbarrato
{{teletype (monospaced) text}} teletype (monospaced) text
normale^^apice^^ normaleapice
normale,,pedice,, normalepedice
[!-- commento invisibile --]
[[span style="color:red"]]custom //span// element[[/span]] custom span element
##blue|predefined## or ##44FF88|custom-code## color predefined or custom-code color

Pagina di Prova

Potete fare liberamente le vostre prove:

  • copiate il codice
  • incollate nella fiinestra di edit e… salvate!

Dimensione dei caratteri di testo

cosa scrivete cosa vedrete
[[size 80%]]80% of Normal Size[[/size]] 80% of Normal Size
[[size 100%]]100% of Normal Size[[/size]] 100% of Normal Size
[[size 200%]]200% of Normal Size[[/size]] 200% of Normal Size
[[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

Paragrafi e nuova riga

I paragrafi sono separati da due righe vuote. Una nuova riga produce…una nuova riga.

Primo paragrafo. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. 

Secondo paragrafo. Aenean a libero. Vestibulum adipiscing, felis ac faucibus imperdiet, erat lacus accumsan neque, vitae nonummy lorem pede ac elit.
Una nuova riga.
Un'altra nuova riga.

Primo paragrafo. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

Secondo paragrafo. Aenean a libero. Vestibulum adipiscing, felis ac faucibus imperdiet, erat lacus accumsan neque, vitae nonummy lorem pede ac elit.
Una nuova riga.
Un'altra nuova riga.

Tipografia

se ti interessa la tipografia ecco come migliorare il tuo testo:

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

Testo letterale

Se vuoi ottenere il testo cosi come lo digiti, senza elaborazione, racchiudilo in un doppio @@.

Questo //testo// e' **rielaborato**. 

@@Questo //testo// non e' **rielaborato**.@@

Questo testo e' rielaborato.

Questo //testo// non e' **rielaborato**.

Commenti

Un commento e' un pezzo di codice non mostrato nella versione compilata. Per aggiungere un commento al codice sorgente usa [!-- ... --], es..:

[!--
questo testo non verra' mostrato.
--]

Titoli

Per fare un titolo inizia la riga con un "+". Usa "+" addizionali per fare titoli di livello piu' basso:

+ Titolo livello1
++ Titolo livello2
+++ Titolo livello3
++++ Titolo livello4
+++++ Titolo livello5
++++++ Titolo livello6

Indice

Per creare la lista di tutti i titoli:

[[toc]]
[[f>toc]] - allineato a destra
[[f<toc]] - allineato a sinistra

Linea orizzontale

Usa quattro o piu' trattini (----) per cerare una linea orizzontale

Elenchi

Elenchi non numerati

Fai un elenco iniziando la riga con un asterisco. Per aumentare l'indentazione usa spazi vuoti prima dell'asterisco.

* Elemento 1
* Elemento 2
 * Elemento 2.1
  • Elemento 1
  • Elemento 2
    • Elemento 2.1

Elenchi numerati

Fai un elenco iniziando la riga con il simbolo #. Per aumentare l'indentazione usa spazi vuoti prima del simbolo #.

# Elemento 1
# Elemento 2
 # Elemento 2.1
  1. Elemento 1
  2. Elemento 2
    1. Elemento 2.1

Puoi mescoalre insieme elenchi numerati e non.

Liste di definizione

Puoi creare una lista di definizione con la seguente sintassi:

: Elemento 1 : qualcosa
: Elemento 2 : qualcosaltro
Elemento 1
qualcosa
Elemento 2
qualcosaltro

Citazioni

È possibile contrassegnare una citazione iniziando la riga con uno o più caratteri '>', seguito da uno spazio e il testo da citare.

Questo è un testo normale.

> rientrato! 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.
>
> Another block, leading to...
>> Second level of indenting. This second is indented even \
more than the previous one.

Back to normal text.

Questo è un testo normale.

Testo rientrato! 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.
Another block, leading to…

Second level di rientro. This second is indented even more than the previous one.

Ritorna il testo normale.

Collegamenti (Links)

Collegamenti (links) interni

A differenza di altri wiki wikibox.net non processa SqusherAndCapitalized o parole CamelCase come pagine di link. Invece ogni link dovra' essere racchiuso da 3 parentesi quadre.

Se l'indirizzo della pagina contiene caratteri non permessi, l'indirizzo verra' "unix-ificato" per contenere solo caratteri permessi. I nomi mostrati saranno pero' in forma originale.

cosa scrivi cosa ottieni commenti
[[[link-alla-pagina]]] link-alla-pagina usare il semplice nome della pagina
[[[link "A" uną paginA]]] link "A" uną paginA automatica purificazione della pagina di destinazione
[[[categoria: pagina]]] pagina link a una pagina con categoria
[[[una pagina| testo]]] testo usare testo desiderato
[[[doc|Documentazione]]] Documentazione link a una pagina esistente (colore diverso)
[[[doc#toc1|Sezione 1]]] Sezione 1 link a un anchor (prima sezione)
[[[doc#toc1]]] doc link a un anchor (prima sezione)

URLs

cosa scrivi cosa ottieni commenti
http://www.wikidot.com http://www.wikidot.com semplice link in linea
[http://www.wikidot.com wikidot] wikidot link a un nome (anchor)
*http://www.wikidot.com
[*http://www.wikidot.com wikidot]
http://www.wikidot.com
wikidot
apre il link in una nuova pagina
[# empty link] empty link link con href="javascript:;" cioe' non porta da nessuna parte. utile quando si costruise un menu pull-down

Anchors (nomi-aggancio)

Per metter un anchor (cioe' un nome nella pagina a cui linkarsi) usate [[# nome-anchor]]. Per riferirsi ad un anchor (e fare lo scrolling fino li') usate [#nome anchor testo da mostrarsi].

Emails

cosa scrivi cosa ottieni commenti
support@example.com moc.elpmaxe|troppus#moc.elpmaxe|troppus semplice email di linea
[support@example.com scrivimi!] moc.elpmaxe|troppus#!imivircs nome desiderato

Sebbene sia sconsigliabile dal metter il proprio indirizzo email nel web, WikiDot fornisce un semplice meccanismo per prevenire la lettura automatica degli indirizzi. Non e' sicuro al 100%. ma è un aiuto per limitare lo spam.

InterWiki

Per collegamenti (link) a Wikipedia:

cosa scrivi cosa ottieni
[wikipedia:Albert_Einstein] Albert_Einstein
[wikipedia:Albert_Einstein Albert] Albert

Per link alla versione italiana di Wikipedia

cosa scrivi cosa ottieni
[wikipedia:it:Roma Roma] Roma

Altri link definiti da esempi:

  • [google:free+wiki] - cerca in google per "free wiki"
  • [dictionary:wiki] - cerca le definizioni della parola wiki dal dizionario dictionary.reference.com

Immagini

Immagini singole

Per inserire una immagine nella pagina:

[[image sorgente-immagine attributo1="valore1" attributo2="valore2" ...]]

E qui una lista degli attributi:

nome attributo valori permessi valori esempio descrizione
link nome pagina wiki o URL "wiki-page"
"http://www.example.com"
rende l'immagine un link ad un altra pagina o indirizzo web; questo e' ignorato quando si usa Flickr come sorgente; usare '*' per aprire il link in una nuova pagina
alt qualunque stringa "una mia foto" testo di sostituzione quando l'immagine non e' disponibile
width numero di pixels per la larghezza "200px" forza l'immagina alla larghezza definita
height numero di pixels per la altezza "200px" forza l'immagina all'altezza definita
style stile CSS valido "border: 1px solid red; padding: 2em;" aggiunge stili CSS extra all'immagine
class classe CSS "mystyle" forza l'immagine alla classe CSS
size "square" - 75x75 pixels
"thumbnail" - 100 sul lato lungo
"small" - 240 sul lato lungo
"medium" - 500 sul lato lungo
"large" - 1024 sul lato lungo (solo per immagini Flickr grandi)
"original" - immagine originale (Flickr soltanto)
qualunque permessa ;-) mostra una immagine ridimensionata; utile per thumbnails
se flickr e' la sorgente vengono prese le dimensioni richieste direttamente dal server di Flickr;
questa opzione ha effetto solo su immagini locali o immagini Flickr

l'attributo size lavora molto bene per file locali (allegati alla pagina). Non solo file di immagini, ma anche per es. con PDF e PostScript. Vedi questa pagina (in inglese) per maggiori dettagli.

Il sorgente dell'immagine puo' essere:

tipo di sorgente format valori esempio descrizione
indirizzo URL qualnque purche' valido http://www.example.com/image.jpg mostra l'immagine contenuta all'indirizzo web
file allegato (pagina corrente) nome-file exampleimage.jpg mostra l'immagine allegata alla pagina corrente
file allegato (pagina differente) /un-altra-pagine/nome-file /un-altra-pagina/exampleimage.jpg mostra l'immagine allegata a un'altra pagina
flickr immagine flickr:photoid flickr:83001279 mostra immagini da Flickr e linka alla pagina originale Flickr
flickr immagini (private) flickr:photoid_secret flickr:149666562_debab08866 mostra immagini da Flickr e linka alla pagina originale Flick; se secret e' dato l'immagine e' disponibile nonostante sia definita come non-pubblica

Per metter il documento linkato in una nuova pagina potete o mettere davanti al link un '*' (e.g. link="*http://www.example.com" o mettere davanti a src un '*' (e.g. *flickr:149666562_debab08866, *image-file etc.).

Per definire l'allineamento orizzontale:

  • [[=image… - immagine centrata
  • [[<image… - immagine a sinistra
  • [[>image… - immagine a destra
  • [[f<image… - immagine mobile a sinistra (circondata da testo)
  • [[f>image… - immagine mobile a destra (circondata da testo)

Galleria di immagini

Per inserire una serie di immagini in una pagina usate [[gallery]]:

[[gallery size="dimensioni-immagine"]]

o
[[gallery size="dimensione-immagine"]]
: sorgente-immagine1 attributo1="valore1" attributo2="valore2" ...
: sorgente-immagine2 attributo1="valore1" attributo2="valore2" ...
...
[[/gallery]]

L'unico attributo permesso in [[gallery]] e' size coi seguenti valori: "square", "thumbnail", "small", "medium".

Se [[gallery]] e' invocato senza lista di immagini, esso automaticamente mostra immagini ridimensionate (thumbnail) dei file-immagine allegati alla pagina corrente (questo include anche thumbnail si ogni .pdf or .ps).

Se [[gallery]] e' invocato con un alista di immagini, solo queste sono mostrate. sorgente-immagine non deve essere un URL in questo caso. Attributi permessi per immagine sono:

  • link - URL o nome pagina wiki (non funziona con Flickr)
  • alt - testo alternativo quando la immagine non e' disponibile

Per aprire un documento in una nuova pagina, valgono le stesse regole che per immagini signole.

Vedi anche modulo FlickrGallery (in inglese) se desideri importare immagini da Flickr.

Blocchi di codice

Si possono creare blocchi di codice usando [[code]]…[[/code]].

Questo e' un esempio di blocco di codice!

Per creare blocchi PHP a colori, semplicemente scrivete [[code type="php"]]…[[/code]], e poi usate <?php….?> (vedi esempio sotto)

WikiDot.com fa uso di PEAR::Text_Highlighter e supporta un certo numero di schemi-colore:
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";
}
?>

HTML (pagine web)

E' possibile configurare una pagina, utilizzando il codice HTML anzichè la sintassi wikidot.
Ciò può essere utile per esigenze particolari, in special modo per migliorare l'aspetto di una pagina di presentazione.
E sufficiente inserire il codice tra gli indicatori html:

[[html]]
in questo spazio si deve trascrivere il codice html della pagina web
[[/html]]

Ad esempio, trascrivendo il codice html di una porzione di pagina del sito della Gazzetta Ufficiale, si ottiene il seguente risultato:

Tabelle

Tabelle semplici

Potete creare una semplice tabella usando una coppia di barre verticali:

||~ titolo 1 ||~ titolo 2 ||~ titolo 3 ||
|| cella 1 || cella 2 || cella 3 ||
|||| llunga cella 4 || cella 5 ||
||cella 6 |||| lunga cella 7 ||
|||||| luuunga cella 8||
titolo 1 titolo 2 titolo 3
cella 1 cella 2 cella 3
llunga cella 4 cella 5
cella 6 lunga cella 7
luuunga cella 8
|| le righe devono iniziare e finire || con una doppia barra verticale || niente ||
|| le celle sono separate da || doppie barre verticale || nulla ||
|||| puoi ingrandire le celle || iniziando la cella ||
|| con separatori |||| extra ||
|||||| ma forse un esempio _
e' il modo migliore per capire ||
le righe devono iniziare e finire con una doppia barra verticale niente
le celle sono separate da doppie barre verticale nulla
puoi ingrandire le celle iniziando la cella
con separatori extra
ma forse un esempio
e' il modo migliore per capire

Per una nuova riga all'interno della cella di una tabella usa _ (sottolineato) alla fine della riga (esempio su).

Tabelle avanzate

Per creare tabelle piu' sofisticate, si possono usare tags speciali che accettino attributi class e style:

[[table]]
[[row]]
[[cell style="border: 1px solid silver; background-color: yellow;"]]
call 0.0
[[/cell]]
[[cell style="border: 1px solid silver"]]
call 0.1
[[/cell]]
[[/row]]
[[row style="border: 1px solid silver"]]
[[cell]]
call 1.0
[[/cell]]
[[cell style="border: 1px solid silver; background-color: yellow;"]]
call 1.1
[[/cell]]
[[/row]]
[[/table]]
si trasfroma in…
cell 0.0 cell 0.1
cell 1.0 cell 1.1

Ciascun elemento [[table]] (tabella), [[row]] (riga) e [[cell]] (cella) puo' accettare gli attributi style e classche sono trasformati nei comandi(X)HTML: <table>, <tr> and <td>.

Un esempio puo' essere trovato in: http://snippets.wikidot.com/code:layout-with-tables .

Le tabelle possono essere messe una dentro l'altra.

Comandi per la formattazione

Sinistra, destra, centrato, giustificato

Per definire l'allineamento orizzontale dei blocchi di testo:

[[<]] ... [[/<]] allinea a sinistra
[[>]] ... [[/>]] allinea a destra
[[=]] ... [[/=]] allinea al centro
[[==]] ... [[/==]] giustificato

Es.

[[=]]
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.

Per centrare una singola riga usa = all'inizio della riga stessa:

= riga centrata

riga centrata

Definizione blocchi div

Per migliorare il layout si usino gli elementi [[div]] ... [[/div]] che vengono interpretati come blocchi HTML @div> ... </div@.
Attributi permessi: class e style.

I blocchi [[div]] possone essere messi uno dentro l'altro.

Sotto un esempio su come creare un layout a due colonne usando i blocchi div:

[[div style="float:left; width: 45%; padding: 0 2%"]]
colonna sinistra colonna sinistra colonna sinistra colonna sinistra 
colonna sinistra colonna sinistra colonna sinistra colonna sinistra 
[[/div]]
[[div style="float:left; width: 45%; padding: 0 2%"]]
colonna destra colonna destra colonna destra colonna destra 
colonna destra colonna destra colonna destra colonna destra 
[[/div]]

~~~~~

colonna sinistra colonna sinistra colonna sinistra colonna sinistra colonna sinistra colonna sinistra colonna sinistra colonna sinistra

colonna destra colonna destra colonna destra colonna destra colonna destra colonna destra colonna destra colonna destra

L'elemento ~~~~ e' usato per cancellare i float e tradurli all'incirca in <div style="clear:both"></div>).

L'inserimento di blocchi [[div]] permette di creare layout molto sofisticati.

Matematica

WikiDot.com usa LaTeX per rendere leggibili le equazioni. Per coloro che conoscono la sintassi LaTeX scrivere le equazioni in wikidot dovrebbe essere molto banale!

Equazioni

Semplicememnte inserisci le equazioni fra i comandi [[math label]] … [[/math]] (label e' opzionale). Questo equivale al comando LaTex \begin{equation} ... \end{equation}. Consulta qualunque manuale LaTeX per dettagli sulla sintassi.

[[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}

Per riferirsi a una equaione con un label semplicemente usa {[[eref label]]}}per ottenere un numeroo ad es. Eq. ([[eref label1]]) che da Eq. (1).

Per spezzare equazioni molto lungheusa type="eqnarray", es.:

[[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}

Espressioni matematica in-linea

Per usare espressioni matematcihe nel testo usa il blocco comandi [[$ ... $]].

[[$ E = mc^2 $]] e' molto piu' famoso di 
[[$ G_{\mu\nu} - \Lambda g_{\mu\nu} = \kappa T_{\mu\nu} $]]

$E = mc^2$ e' molto piu' famoso di $G_{\mu\nu} - \Lambda g_{\mu\nu} = \kappa T_{\mu\nu}$

Note a piepagina

Per aggiungere una nota a piepagina usa il blocco [[footnote]]. Per forzare la lista di note a non apparire al fondo della pagina, usa [[footnoteblock]].

Testo[[footnote]]Una piccola nota.[[/footnote]]. E adesso 
un'altra nota[[footnote]]Contenuto dell'altra nota.[[/footnote]].

[[footnoteblock]]

Testo1. E adesso
un'altra nota2.

Se non ti piace il titolo "Footnotes" puoi inserire un nuovo titolo cosi': [[footnoteblock title="Nuovo titolo"]] o non usare alcun titolo (title="").

Bibliografia

Il blocco bibliografia e' definito da [[bibliography]]...[[/bibliography]]. Ogni singolo elemento bibliografico ha la forma:
label : referenza completa
Per citare la referenza bibliografica ((bibcite label)).

La prima stella pulsar fu osservata da J. Bell e A. Hewish [((bibcite bell))]. Un'altra referenza [vedi ((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]]

La prima stella pulsar fu osservata da J. Bell e A. Hewish [1]. Un'altra referenza [vedi 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.

Se desideri cambiare i titolo di default ("Bibliography") puoi usare [[bibliography title="Nuovo titolo"]] o anche non metter alcun titolo (title="").

Inclusione di altre pagine

Se vuoi includere il contenuto di una qualunque altra pagina:

 [[include nome-pagina]]

Il comando include dovrebbeiniziare e finire con una nuova riga.

Il comando [[include]] puo' anche ingestire parametri e sostiture variabili nella sorgente inclusa. Per denotare le variabili nella pagina inclusa usa:

{$var1}, {$numero_libri}, {$titolo}, {$nome_variabile}, {$nome_altra_variabile}

e nella pagina che include:

 [[include nomepagina var1=valore1 | numero_libri = 43 | titolo=Best Wiki Ever 
| nome_variabile = una variabile
| nome_altra_variabile = un'altra variabile
]]

Come vedi, vuoi suddividere la definizione delle variabili su linee diverse di codice.

NOTA: inclusione di pagine con immagini: Il comando [[include]] lavora semplicemente inserendo la pagina sorgente nella posizione scelta. Se ci sono immagini allegate alla pagina inclusa a cui si fa riferimento come [[image nomefile.jpg]] nella pagina che include bisognera' specificare l'indirizzo intero, cioe': [[image pagina_inclusa/nomefile.jpg]]

Embedding media

Video

To embed video directly into the page use [[embedvideo]] ... [[/embedvideo]] block.
Between the the "embedding html code" should be placed from any of the following video online galleries:

E.g.

[[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

Iftags

Tags are kind of special labels for a page, manually added in by editors by clicking on the tags link at the page options buttons on bottom of a page. Every tag can be max 64 characters long, tags are "space" separated and there is no limit of tags per page. Tags are very useful to label pages and then it's easy to create Tag Cloud, which allow to find interesting pages or topics much faster.

Special tags start with an underline: they are not automatically shown in tag clouds, but they can be used as special limitations in [[iftag]] conditions. Tags can be used in ListPages Module with generic conditions ( +, - ) too.

Iftag is a special condition question. You can use it on every page to "react" on tags and set up on the particular page used .

Syntax:

[[iftags +tag1 -tag2 tag3]] ... [[/iftags]]

where the +/-"tag#" stands for the requested tag-indexes.
  • + before a tagname means - this tag must exist, (tag without a modifier works in a same way)
  • - before a tagname means - this tag must not exist.

Example:

[[iftags +science]]
This page is labeled as: science.

Click here to view more science articles >
[[/iftags]]

[[iftags +bug -fixed]]
This is a bug, but it's not fixed yet.
[[/iftags]]

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-all section of the documentation.

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:

Layout elements

Simulare uno schedario (tabview)

Per generare una presentazione a schedario, vale a dire un insieme di schede, si può usare la seguente sintassi:

[[tabview]]
[[tab Titolo della scheda No. 1]]
Contenuto della scheda  No. 1.
[[/tab]]
[[tab Titolo della scheda No. 2]]
Contenuto della scheda No. 2.
[[/tab]]
[[tab Titolo della scheda No. 3]]
Contenuto della scheda No. 3.
[[/tab]]
[[/tabview]]

Ciò produrrà la seguente presentazione:

Contenuto della scheda No. 1.

Le schede accettano qualsiasi contenuto, ma per il momento non è possibile annidare uno schedario in un altro schedario.

Potete trovare un altro esempio di tabview nel nostro Snippets Wiki (Frammenti di wiki) alla pagina http://snippets.wikidot.com/code:tabs.

Riferimenti rapidi

Mini version

+ Level 1 Heading
++ Level 2 Heading
+++ Level 3 Heading
* Bulleted text
# Numbered text
> Blockquoted text
//italic text//
**bold text**
{{monospaced text}}
^^superscript^^
,,subscript,,
##red|standard## or ##229966|custom-code## color
[[size smaller]]smaller text[[/size]]
[[size larger]]larger text[[/size]]
[[size 80%]]80% of current size[[/size]]
[[size 1.5em]]150% of current size[[/size]]
[[code]] lines of code [[/code]]
=This line is centered
[[<]]
Text is aligned left
[[/<]]
[[>]]
Text is aligned right
[[/>]]
[[=]]
Text is centered
[[/=]]
[[==]]
Text is justified
[[/==]]
http://www.wikidot.com
[http://www.wikidot.com Link to Wikidot]
[http://www.wikidot.com/doc:wiki-syntax#inline Link to anchor]
[*http://www.wikidot.com Pops in new window]
[/category:page/option1/option2 Click to show page]
[support@example.com Email us]
[wikipedia:Albert_Einstein Albert Einstein]
[google:free+wiki] Google search results
[dictionary:wiki] Dictionary.com lookup
[[[name-of-page]]]
[[[name-of-page | Click to show page]]]
[[[name-of-page#anchor | Some anchor]]]
``smart double quotes''
`smart single quotes'
<< French-style quotes >>
...ellipsis
em -- dash
@@unparsed text@@
@<escaped text>@
---- Horizontal line
: Word : Definition
[[image url OR attachment OR :first ]]
[[image something size="large | medium | small | thumbnail" ]]
[[image something link="name-of-page OR url" ]]
[[f<image something alt="Float left"]]
[[gallery size="image-size"]]
[[collapsible]] collapsed text [[/collapsible]]
|| Simple table ||~ heading || cell ||
[[div custom styles ]]
[[math somelabel]] LaTeX specification [[/math]]
[[$ E = mc^2 $]]
[[footnote]]A footnote.[[/footnote]]
[[bibliography]] bibliography entries [[/bibliography]]
[[include pagename]]
[[file attachment | custom-text]]

More: Tables of ContentModulesCustom tablesVideoAudioCommentsNotesDatesEmbeddingiframeiftagUsersBookmarkingTab Layouts


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