Citations en bloc en WikiTexte

17 avril 2022 à 21h48

Il existe deux manières de produire des éléments HTML de type citation en bloc avec TiddlyWiki, l'une pour du contenu qui pourra s'afficher sur plusieurs lignes, et l'autre pour du contenu qui ne devra s'afficher que sur une seule ligne.

Citation en bloc multi-lignes

La syntaxe pour les blocs multi-lignes est :

<<<
Ceci est un paragraphe de type citation en bloc
écrit en français
<<<

Affichera ceci :

Ceci est un paragraphe de type citation en bloc écrit en français

Code HTML correspondant :

<blockquote class="tc-quote"><p>Ceci est un paragraphe de type citation en bloc
écrit en français
</p></blockquote>

Attribution

Une attribution peut-être ajoutée au bloc comme ceci :

<<<
Les ordinateurs sont des vélos pour nos neurones
<<< Steve Jobs

Affichera ceci :

Les ordinateurs sont des vélos pour nos neurones
Steve Jobs

Code HTML correspondant :

<blockquote class="tc-quote"><p>Les ordinateurs sont des vélos pour nos neurones
</p><cite>Steve Jobs</cite></blockquote>

Classes CSS

Les blocs peuvent hériter des propriétés de classes CSS :

<<<.myClass.another-class
Les systèmes d'exploitation sont des murs pour notre esprit
<<< Personne

Affichera ceci :

Les systèmes d'exploitation sont des murs pour notre esprit
Personne

Code HTML correspondant :

<blockquote class="tc-quote myClass another-class"><p>Les systèmes d'exploitation sont des murs pour notre esprit
</p><cite>Personne</cite></blockquote>

Le cœur de TiddlyWiki inclut la classe tc-big-quote qui représente les citations avec des guillemets géants :

<<<.tc-big-quote
Une citation dramatique
<<< Quelqu'un d'important

Affichera ceci :

Une citation dramatique
Quelqu'un d'important

Code HTML correspondant :

<blockquote class="tc-quote tc-big-quote"><p>Une citation dramatique
</p><cite>Quelqu'un d'important</cite></blockquote>

Bloc uniligne

La syntaxe des citations uniligne est une extension de la syntaxe des listes avec WikiText. Par exemple :

> Bloc de citation uniligne
> Un autre bloc uniligne

Affichera ceci :

Bloc de citation uniligne
Un autre bloc uniligne

Code HTML correspondant :

<blockquote><div>Bloc de citation uniligne</div><div>Un autre bloc uniligne</div></blockquote>

Vous pouvez imbriquer des blocs unilignes comme ceci :

> Un bloc de niveau 1
>> Un bloc de niveau 2
> Un autre bloc de niveau 1
">>

Ce qui affichera :

Un bloc de niveau 1
Un bloc de niveau 2
Un autre bloc de niveau 1

Vous pouvez aussi mixer les citations en bloc avec d'autres types de listes. Par exemple :

* Liste une
** Liste deux
**> Un bloc uniligne
**> Un autre bloc uniligne
* Liste trois

Affichera ceci :

Liste une
- Liste deux
  Un bloc uniligne
  Un autre bloc uniligne
Liste trois

Code HTML correspondant :

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

Pour aller plus loin

les blocs en HTML5