La Sintassi di Wiki

Benvenuto! » Editing per chi inizia » 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.

Fold

Table of Contents

Formattazione del Testo

Dimensione dei caratteri di testo

Paragrafi e nuova riga

Collegamenti (links) interni

URLs

Anchors (nomi-aggancio)

Comandi per la formattazione

Sinistra, destra, centrato, giustificato

Definizione blocchi div

Matematica

Equazioni

Espressioni matematica in-linea

Note a piepagina

Bibliografia

Inclusione di altre pagine

Embedding media

Video

Audio

Embedding code from other sites

Standalone buttons (page options)

Layout elements

Simulare uno schedario (tabview)

Riferimenti rapidi

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^^`	normale^apice
`normale,,pedice,,`	normale_pedice
`[!-- 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

andate sulla Pagina di Prova

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

Elemento 1
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"]]

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

Testo¹. E adesso
un'altra nota².

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:

Odeo.com

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-frackowiak$ michal-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:

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:

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:

view source
print

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.