Listes en WikiTexte

17 avril 2022 à 21h59

Listes à puces

Vous pouvez créer des listes à puces à l'aide du caractère * () :

* Premier élément d'une liste
* Deuxième éléments d'un liste
** Un sous-élément
* Troisième élément d'une liste

Affichera ceci :

Premier élément d'une liste
Deuxième éléments d'un liste
- Un sous-élément
Troisième élément d'une liste

Code HTML correspondant :

<ul><li>Premier élément d'une liste</li><li>Deuxième éléments d'un liste<ul><li>Un sous-élément</li></ul></li><li>Troisième élément d'une liste</li></ul>

Listes ordonnées

Les listes ordonnées utilisent # au lieu de * () :

# Premier élément
# Deuxième élément
# Troisième élément

Affichera ceci :

Premier élément
Deuxième élément
Troisième élément

Code HTML correspondant :

<ol><li>Premier élément</li><li>Deuxième élément</li><li>Troisième élément</li></ol>

Vous pouvez combiner des listes à puces et des listes ordonnées :

* À faire ce jour
*# Manger
* À faire faire
*# Ceci
*# Cela
*## Et le reste

Affichera ceci :

À faire ce jour
1. Manger
À faire faire
1. Ceci
2. Cela
  1. Et le reste

Code HTML correspondant :

<ul><li>À faire ce jour<ol><li>Manger</li></ol></li><li>À faire faire<ol><li>Ceci</li><li>Cela<ol><li>Et le reste</li></ol></li></ol></li></ul>

L'exemple inverse, avec les nombres en premier niveau :

# À faire ce jour
#* Manger
# À faire faire
#* Ceci
#* Cela
#** Et le reste

Affichera ceci :

À faire ce jour
- Manger
À faire faire
- Ceci
- Cela
  - Et le reste

Code HTML correspondant :

<ol><li>À faire ce jour<ul><li>Manger</li></ul></li><li>À faire faire<ul><li>Ceci</li><li>Cela<ul><li>Et le reste</li></ul></li></ul></li></ol>

Les classes CSS

Vous pouvez affecter une classe CSS à l'un des membres de la liste en procédant ainsi :

* Liste Un
*.MaClasse Liste Deux
* Liste Trois

Affichera ceci :

Liste Un
Liste Deux
Liste Trois

Code HTML correspondant :

<ul><li>Liste Un</li><li class="MaClasse">Liste Deux</li><li>Liste Trois</li></ul>

Combiner listes et citations en blocs

Noter que les Citations en bloc en WikiTexte peuvent être combinées aux listes. Par exemple :

* Liste Une 
** Liste deux
**> Un bloc
**> Un autre bloc
* Liste trois

Affichera ceci :

Liste Une
- Liste deux
  Un bloc
  Un autre bloc
Liste trois

Code HTML correspondant :

<ul><li>Liste Une <ul><li>Liste deux<blockquote><div>Un bloc</div><div>Un autre bloc</div></blockquote></li></ul></li><li>Liste trois</li></ul>

Les paragraphes dans les listes

Les entrées d'une liste sont séparées par des sauts de ligne, rendant impossible d'y inclure des sauts de lignes sans passer à l'entrée suivante. Deux contournements sont possibles.

En un, vous pouvez transclure dans le paragraphe le contenu d'un autre tiddler. Par exemple :

* Première entrée
* <$transclude tiddler="MonTiddler" mode="block"/>
* Troisième

En deux, vous pouvez utiliser la balise HTML "div" pour inclure un contenu multiligne. Par exemple :

# Étape 1
# Étape 2
# Étape 3<div>

Ici, le premier parmi plusieurs paragraphes. Notez que le double saut de ligne précédant ce paragraphe est pris en compte.

Et ici, le deuxième parmi plusieurs paragraphes.
</div>
# Étape 4
# Étape 5
# Étape 6