« Aide:Syntaxe » : différence entre les versions

De Wiki Ali(ENS de Lyon)
imported>Rgrunbla
Aucun résumé des modifications
imported>Rgrunbla
Aucun résumé des modifications
Ligne 1 : Ligne 1 :
= Syntaxe de mise en page =
= Formatting Syntax =


[https://www.dokuwiki.org/fr:dokuwiki DokuWiki] utilise un langage de balisage simple, qui essaie de rendre les fichiers de données aussi lisibles que possible. Cette page contient toutes les syntaxes possibles que vous pouvez utiliser en éditant les pages. Regardez simplement le code source de cette page en cliquant sur le bouton ''Modifier cette page''. Si vous souhaitez essayer quelque chose, rendez-vous dans la page du [[playground/playground|bac à sable]]. Les balises les plus simples sont également facilement accessibles depuis la [[fr/toolbar|barre d'outils]].
[https://www.dokuwiki.org/DokuWiki DokuWiki] supports some simple markup language, which tries to make the datafiles to be as readable as possible. This page contains all possible syntax you may use when editing the pages. Simply have a look at the source of this page by pressing "Edit this page". If you want to try something, just use the [[playground/playground|playground]] page. The simpler markup is easily accessible via [https://www.dokuwiki.org/toolbar quickbuttons], too.


== Mise en forme de texte basique ==
== Basic Text Formatting ==


DokuWiki accepte les textes en '''gras''', ''italique'', <u>souligné</u> et <code>à chasse fixe</code>. Bien sûr, vous pouvez tous les '''<u>''<code>combiner</code>''</u>'''.
DokuWiki supports '''bold''', ''italic'', <u>underlined</u> and <code>monospaced</code> texts. Of course you can '''<u>''<code>combine</code>''</u>''' all these.


<pre>DokuWiki accepte les textes en **gras**, //italique//, __souligné__ et ''à chasse fixe''. Bien sûr, vous pouvez tous les **__//''combiner''//__**.
<pre>DokuWiki supports **bold**, //italic//, __underlined__ and ''monospaced'' texts.
Of course you can **__//''combine''//__** all these.
</pre>
</pre>
Vous pouvez aussi utiliser des <sub>indices</sub> et <sup>exposants</sup>.
You can use <sub>subscript</sub> and <sup>superscript</sup>, too.


<pre>Vous pouvez aussi utiliser des &lt;sub&gt;indices&lt;/sub&gt; et &lt;sup&gt;exposants&lt;/sup&gt;.
<pre>You can use &lt;sub&gt;subscript&lt;/sub&gt; and &lt;sup&gt;superscript&lt;/sup&gt;, too.
</pre>
</pre>
De plus, vous pouvez marquer un passage comme <s>supprimé</s>.
You can mark something as <s>deleted</s> as well.


<pre>De plus, vous pouvez marquer un passage comme &lt;del&gt;supprimé&lt;/del&gt;.
<pre>You can mark something as &lt;del&gt;deleted&lt;/del&gt; as well.
</pre>
</pre>
'''Les paragraphes''' sont créés à partir des lignes vides. Si vous souhaitez '''forcer un saut de ligne''' sans paragraphe, vous pouvez utiliser deux contre-obliques suivies par un espace ou une fin de ligne.
'''Paragraphs''' are created from blank lines. If you want to '''force a newline''' without a paragraph, you can use two backslashes followed by a whitespace or the end of line.


Voici du texte avec des sauts de ligne<br />
This is some text with some linebreaks<br />
remarquez que les deux contre-obliques sont reconnues uniquement en fin de ligne<br />
Note that the two backslashes are only recognized at the end of a line<br />
ou suivies par<br />
or followed by<br />
un espace ; \\ceci se produit sinon.
a whitespace \\this happens without it.


<pre>Voici du texte avec des sauts de ligne\\ remarquez que les
<pre>This is some text with some linebreaks\\ Note that the
deux contre-obliques sont reconnues uniquement en fin de ligne\\
two backslashes are only recognized at the end of a line\\
ou suivies par\\ un espace ; \\ceci se produit sinon.
or followed by\\ a whitespace \\this happens without it.
</pre>
</pre>
Vous ne devriez forcer des sauts de ligne que si c'est vraiment nécessaire.
You should use forced newlines only if really needed.


== Liens ==
== Links ==


DokuWiki propose plusieurs moyens pour créer des liens.
DokuWiki supports multiple ways of creating links.


=== Externes ===
=== External ===


Les liens externes sont reconnus automagiquement : http://www.google.fr ou simplement www.google.fr - Vous pouvez aussi donner des noms aux liens : [http://www.google.fr Ce lien pointe vers Google]. Les adresses de courriel comme celle-ci : [mailto:andi@splitbrain.org andi@splitbrain.org] sont également reconnues.
External links are recognized automagically: http://www.google.com or simply www.google.com - You can set the link text as well: [http://www.google.com This Link points to google]. Email addresses like this one: [mailto:andi@splitbrain.org andi@splitbrain.org] are recognized, too.


<pre>Les liens externes sont reconnus automagiquement : http://www.google.fr
<pre>DokuWiki supports multiple ways of creating links. External links are recognized
ou simplement www.google.fr - Vous pouvez aussi donner des noms aux
automagically: http://www.google.com or simply www.google.com - You can set
liens : [[http://www.google.fr|Ce lien pointe vers Google]]. Les adresses
link text as well: [[http://www.google.com|This Link points to google]]. Email
de courriel comme celle-ci : &lt;andi@splitbrain.org&gt; sont également reconnues.  
addresses like this one: &lt;andi@splitbrain.org&gt; are recognized, too.
</pre>
</pre>
=== Internes ===
=== Internal ===


Les liens internes sont créés en utilisant des crochets. Vous pouvez juste utiliser un [[nom de page|nom de page]] ou utiliser un [[nom de page|texte de lien]].
Internal links are created by using square brackets. You can either just give a [[pagename|pagename]] or use an additional [[pagename|link text]].


<pre>Les liens internes sont créés en utilisant des crochets. Vous pouvez juste
<pre>Internal links are created by using square brackets. You can either just give
utiliser un [[nom de page]] ou utiliser un [[nom de page|texte de lien]].
a [[pagename]] or use an additional [[pagename|link text]].
</pre>
</pre>
Les [https://www.dokuwiki.org/fr:pagename noms de pages wiki] sont automatiquement convertis en minuscules ; les caractères spéciaux ne sont pas autorisés.
[https://www.dokuwiki.org/pagename Wiki pagenames] are converted to lowercase automatically, special characters are not allowed.


Vous pouvez utiliser les [[voici/des/categories|categories]] en utilisant les deux points dans le nom de page.
You can use [[some/namespaces|namespaces]] by using a colon in the pagename.


<pre>Vous pouvez utiliser les [[voici:des:categories]] en utilisant
<pre>You can use [[some:namespaces]] by using a colon in the pagename.
les deux points dans le nom de page.
</pre>
</pre>
Pour plus de détails sur les catégories, voir [https://www.dokuwiki.org/fr:namespaces Catégories].
For details about namespaces see [https://www.dokuwiki.org/namespaces namespaces].


Les liens vers une section spécifique d'une page sont également possibles (voir la partie [[syntax#decoupage_en_sections|Découpage en sections]]). Ajoutez simplement le nom de la section après un caractère dièse comme en HTML. Ce lien renvoie vers [[syntax#internes|cette section]].
Linking to a specific section is possible, too. Just add the section name behind a hash character as known from HTML. This links to [[syntax#internal|this Section]].


<pre>Ce lien renvoie vers [[syntax#internes|cette section]].
<pre>This links to [[syntax#internal|this Section]].
</pre>
</pre>
Notes :
Notes:


* Les liens vers des [[syntax|pages existantes]] sont montrés dans un style différent des liens vers des pages [[inexistantes|inexistantes]].
* Links to [[syntax|existing pages]] are shown in a different style from [[nonexisting|nonexisting]] ones.
* Par défaut, DokuWiki n'utilise pas la syntaxe [https://fr.wikipedia.org/wiki/CamelCase CamelCase] pour créer des liens, mais ce comportement peut être activé dans le fichier de [https://www.dokuwiki.org/fr:config configuration]. Astuce : si le mot DokuWiki apparaît sur cette page comme un lien, alors c'est que la syntaxe CamelCase est activée.  
* DokuWiki does not use [https://en.wikipedia.org/wiki/CamelCase CamelCase] to automatically create links by default, but this behavior can be enabled in the [https://www.dokuwiki.org/config config] file. Hint: If DokuWiki is a link, then it's enabled.
* Lorsque le titre d'une section est modifié, alors son lien change aussi. Donc ne comptez pas trop sur les liens de section.  
* When a section's heading is changed, its bookmark changes, too. So don't rely on section linking too much.


=== Interwiki ===
=== Interwiki ===


Les liens [https://www.dokuwiki.org/fr:interwiki Interwiki] sont des liens rapides vers d'autres Wikis.<br />
DokuWiki supports [https://www.dokuwiki.org/Interwiki Interwiki] links. These are quick links to other Wikis. For example this is a link to Wikipedia's page about Wikis: [https://en.wikipedia.org/wiki/Wiki Wiki].
Par exemple [https://fr.wikipedia.org/wiki/Wiki Wiki] ou [https://en.wikipedia.org/wiki/fr:Wiki Wiki] sont des liens vers la définition des Wikis dans Wikipedia en français.


<pre>Les liens [[doku&gt;fr:interwiki|Interwiki]] sont des liens rapides vers d'autres Wikis.\\
<pre>DokuWiki supports [[doku&gt;Interwiki]] links. These are quick links to other Wikis.
Par exemple [[wpfr&gt;Wiki|Wiki]] ou [[wp&gt;fr:Wiki|Wiki]] sont des liens vers la définition des Wikis dans Wikipedia en français.
For example this is a link to Wikipedia's page about Wikis: [[wp&gt;Wiki]].
</pre>
</pre>
=== Partages Windows ===
=== Windows Shares ===


Les partages Windows tels que [[\\serveurnt4\partage|ceci]] sont également reconnus. Veuillez noter qu'ils n'ont un sens que dans un groupe d'utilisateurs homogène tels qu'un [https://fr.wikipedia.org/wiki/Intranet Intranet] d'entreprise.
Windows shares like [[\\server\share|this]] are recognized, too. Please note that these only make sense in a homogeneous user group like a corporate [https://en.wikipedia.org/wiki/Intranet Intranet].


<pre>Les partages Windows tels que [[\\serveur\partage|ceci]] sont également reconnus.
<pre>Windows Shares like [[\\server\share|this]] are recognized, too.
</pre>
</pre>
Notes :
Notes:


* Pour des raisons de sécurité, la navigation directe sur partages Windows ne fonctionne que dans ''Microsoft Internet Explorer'' par défaut (et seulement dans la « zone locale »).  
* For security reasons direct browsing of windows shares only works in Microsoft Internet Explorer per default (and only in the &quot;local zone&quot;).
* Pour ''Mozilla'' et ''Firefox'', sans réglages, ça ne fonctionne pas. Voir [http://kb.mozillazine.org/Links_to_local_pages_do_not_work cette fiche] de la base de connaissance de Mozilla pour les contournements possibles. Il restera cependant un avertissement JavaScript. Pour supprimer cet avertissement, pour tous les visiteurs du wiki, ajouter cette ligne dans le fichier texte <code>conf/userscript.js</code>:<code>LANG.nosmblinks = '';
* For Mozilla and Firefox it can be enabled through different workaround mentioned in the [http://kb.mozillazine.org/Links_to_local_pages_do_not_work Mozilla Knowledge Base]. However, there will still be a JavaScript warning about trying to open a Windows Share. To remove this warning (for all users), put the following line in <code>conf/lang/en/lang.php</code> (more details at [https://www.dokuwiki.org/localization#changing_some_localized_texts_and_strings_in_your_installation localization]): <code>&lt;?php
/**
* Customization of the english language file
* Copy only the strings that needs to be modified
*/
$lang['js']['nosmblinks'] = '';
</code>
</code>


=== Liens images ===
=== Image Links ===


Vous pouvez aussi utiliser une image afin de créer un lien vers une autre page interne ou externe en combinant les syntaxes des liens et des [[#Images et autres fichiers|images]] (voir plus bas) comme ceci :
You can also use an image to link to another internal or external page by combining the syntax for links and [[#images_and_other_files|images]] (see below) like this:


<pre>[[http://www.php.net|{{wiki:dokuwiki-128.png}}]]
<pre>[[http://php.net|{{wiki:dokuwiki-128.png}}]]
</pre>
</pre>
[http://www.php.net [[File:wiki--dokuwiki-128.png|dokuwiki-128.png]]]
[http://php.net [[File:wiki--dokuwiki-128.png|dokuwiki-128.png]]]


NB : la mise en forme image est la seule syntaxe de mise en forme acceptée comme nom de lien.
Please note: The image formatting is the only formatting syntax accepted in link names.


la totalité des syntaxes d'[[#Images et autres fichiers|image]] et de [[#Liens|#Liens]] est possible (y compris le redimensionnement d'image, les images internes et externes, les URL et les liens interwikis).
The whole [[#images_and_other_files|image]] and [[#links|link]] syntax is supported (including image resizing, internal and external images and URLs and interwiki links).


== Notes de pied de page ==
== Footnotes ==


Vous pouvez ajouter des notes de pied de page <ref>Ceci est une note de pied de page</ref> en utilisant des parenthèses doubles.
You can add footnotes <ref>This is a footnote</ref> by using double parentheses.


<pre>Vous pouvez ajouter des notes de pied de page ((Ceci est une note de pied de page)) en utilisant des parenthèses doubles.
<pre>You can add footnotes ((This is a footnote)) by using double parentheses.
</pre>
</pre>
== Découpage en sections ==
== Sectioning ==


Vous pouvez utiliser jusqu'à cinq niveaux de titres différents afin de '''structurer''' le contenu. Si vous avez plus de trois titres, une table des matières est construite automatiquement -- ceci peut être désactivé en incluant la chaîne <code>~~NOTOC~~</code> dans le document.
You can use up to five different levels of headlines to structure your content. If you have more than three headlines, a table of contents is generated automatically -- this can be disabled by including the string <code>~~NOTOC~~</code> in the document.


=== Titre niveau 3 ===
=== Headline Level 3 ===


==== Titre niveau 4 ====
==== Headline Level 4 ====


===== Titre niveau 5 =====
===== Headline Level 5 =====


<pre>==== Titre niveau 3 ====
<pre>==== Headline Level 3 ====
=== Titre niveau 4 ===
=== Headline Level 4 ===
== Titre niveau 5 ==
== Headline Level 5 ==
</pre>
</pre>
En utilisant quatre tirets ou plus, vous pouvez créer une ligne horizontale :
By using four or more dashes, you can make a horizontal line:




-----
-----


<br />
== Media Files ==
<code>----</code>
 
== Images et autres fichiers ==


Vous pouvez insérer des [https://www.dokuwiki.org/fr:images images, fichiers audio et vidéo] (ou autres fichiers) internes ou externes avec des accolades. Additionnelement, vous pouvez en préciser la taille.
You can include external and internal [https://www.dokuwiki.org/images images, videos and audio files] with curly brackets. Optionally you can specify the size of them.


taille originale : [[File:wiki--dokuwiki-128.png|dokuwiki-128.png]]
Real size: [[File:wiki--dokuwiki-128.png|dokuwiki-128.png]]


largeur donnée : [[File:wiki--dokuwiki-128.png|50px|dokuwiki-128.png]]
Resize to given width: [[File:wiki--dokuwiki-128.png|50px|dokuwiki-128.png]]


hauteur et largeur données<ref>Si les proportions de l'image ne sont pas respectées, celle-ci sera découpée avant redimensionnement selon les nouvelles proportions</ref> : [[File:wiki--dokuwiki-128.png|200x50px|dokuwiki-128.png]]
Resize to given width and height<ref>when the aspect ratio of the given width and height doesn't match that of the image, it will be cropped to the new ratio before resizing</ref>: [[File:wiki--dokuwiki-128.png|200x50px|dokuwiki-128.png]]


Image externe redimensionnée [[http://de3.php.net/images/php.gif|200x50px|http://de3.php.net/images/php.gif]]
Resized external image: [[https://secure.php.net/images/php.gif|200x50px|https://secure.php.net/images/php.gif]]


<pre>taille originale :               {{wiki:dokuwiki-128.png}}
<pre>Real size:                       {{wiki:dokuwiki-128.png}}
largeur donnée :                 {{wiki:dokuwiki-128.png?50}}
Resize to given width:           {{wiki:dokuwiki-128.png?50}}
hauteur et largeur données :     {{wiki:dokuwiki-128.png?200x50}}
Resize to given width and height: {{wiki:dokuwiki-128.png?200x50}}
Image externe redimensionnée :   {{http://de3.php.net/images/php.gif?200x50}}
Resized external image:           {{https://secure.php.net/images/php.gif?200x50}}
</pre>
</pre>
Par défaut les images se placent au fil du texte, centrées verticalement.
By using left or right whitespaces you can choose the alignment.
 
Vous pouvez les aligner avec des espaces à gauche ou à droite :


[[File:wiki--dokuwiki-128.png|class=align-right|dokuwiki-128.png]]
[[File:wiki--dokuwiki-128.png|class=align-right|dokuwiki-128.png]]
Ligne 160 : Ligne 159 :
{{ wiki:dokuwiki-128.png }}
{{ wiki:dokuwiki-128.png }}
</pre>
</pre>
Bien sûr, vous pouvez ajouter un titre, affiché comme une bulle d'aide par les navigateurs.
Of course, you can add a title (displayed as a tooltip by most browsers), too.


[[File:wiki--dokuwiki-128.png|class=align-center|Ceci est le titre]]
[[File:wiki--dokuwiki-128.png|class=align-center|This is the caption]]


<pre>{{ wiki:dokuwiki-128.png |Ceci est le titre}}
<pre>{{ wiki:dokuwiki-128.png |This is the caption}}
</pre>
</pre>
------
For linking an image to another page see [[#Image Links|#Image Links]] above.


Les fichiers qui ne sont pas affichables (voir tableau des médias pris en charge dans la [[#Médias pris en charge|section suivante]]), sont représentés uniquement comme un lien de téléchargement. Par défaut, les images disposent d'un lien vers une page de détails.
=== Supported Media Formats ===


Vous pouvez modifier ce comportement :
DokuWiki can embed the following media formats directly.
 
[[File:wiki--dokuwiki-128.png|dokuwiki-128.png]] Pas de lien.<br />
[[File:wiki--dokuwiki-128.png|dokuwiki-128.png]] Lien direct sur le media.<br />
[[wiki/dokuwiki-128.png|dokuwiki-128.png]] Uniquement le lien direct.<br />
[http://www.php.net [[File:wiki--dokuwiki-128.png|dokuwiki-128.png]]] Lien vers une page. Voir [[#liens images|#liens images]] ci dessus
 
<pre>{{wiki:dokuwiki-128.png?nolink}} Pas de lien.
{{wiki:dokuwiki-128.png?direct}} Lien direct sur le media.
{{wiki:dokuwiki-128.png?linkonly}} Uniquement le lien direct.
[[http://www.php.net|{{wiki:dokuwiki-128.png}}]] Lien vers une page. Voir [[#liens images]] ci dessus
</pre>
Vous pouvez combiner plusieurs effets avec <code>&amp;</code> :
 
[[File:wiki--dokuwiki-128.png|50px|Le titre]]
 
<pre>{{wiki:dokuwiki-128.png?50&amp;nolink|Le titre}}
</pre>
=== Médias pris en charge ===
 
DokuWiki peut directement présenter les formats de fichiers suivants


{|
{|
! Image
| Image
! <code>gif</code>, <code>jpg</code>, <code>png</code>
| <code>gif</code>, <code>jpg</code>, <code>png</code>
|-
|-
| Vidéo
| Video
| <code>webm</code>, <code>ogv</code>, <code>mp4</code>
| <code>webm</code>, <code>ogv</code>, <code>mp4</code>
|-
|-
Ligne 206 : Ligne 185 :
|}
|}


Si vous indiquez un fichier dans un format non pris en charge, DokuWiki le présentera comme un lien de téléchargement.
If you specify a filename that is not a supported media format, then it will be displayed as a link instead.
 
By adding <code>?linkonly</code> you provide a link to the media without displaying it inline


=== Formats de repli ===
<pre>{{wiki:dokuwiki-128.png?linkonly}}
</pre>
[[wiki/dokuwiki-128.png|dokuwiki-128.png]] This is just a link to the image.


Malheureusement, certains navigateurs ne comprennent qu'un ensemble restreint de formats vidéo et audio. Pour atténuer ce problème, vous pouvez téléverser vos vidéos et audio dans différents formats pour augmenter la compatibilité avec les divers navigateurs. DokuWiki présentera alors des alternatives au navigateur.
=== Fallback Formats ===


Par exemple, si vous avez téléversé <code>film.webm</code>, <code>film.ogv</code> et <code>film.mp4</code>, lorsque vous présentez la vidéo mp4 comme ceci :
Unfortunately not all browsers understand all video and audio formats. To mitigate the problem, you can upload your file in different formats for maximum browser compatibility.


<pre>{{film.mp4|une vidéo sympa}}
For example consider this embedded mp4 video:
 
<pre>{{video.mp4|A funny video}}
</pre>
</pre>
DokuWiki indiquera automatiquement les alternatives <code>film.webm</code>, <code>film.ogv</code> de telle sorte que l'un des formats au moins soit reconnu par le navigateur.
When you upload a <code>video.webm</code> and <code>video.ogv</code> next to the referenced <code>video.mp4</code>, DokuWiki will automatically add them as alternatives so that one of the three files is understood by your browser.


De plus, DokuWiki permet d'utiliser une image poster qui est affichée avant le démarrage de la vidéo. Cette image doit avoir le même nom que la vidéo et être soit une image jpeg, soit une image png. Dans l'exemple précédent, on aurait pu utiliser une image nommée <code>film.jpg</code>.
Additionally DokuWiki supports a &quot;poster&quot; image which will be shown before the video has started. That image needs to have the same filename as the video and be either a jpg or png file. In the example above a <code>video.jpg</code> file would work.


== Listes ==
== Lists ==


DokuWiki accepte les listes ordonnées et non ordonnées. Pour créer un élément de liste, indentez votre texte par deux espaces et utilisez une <code>*</code> pour une liste non ordonnée ou un <code>-</code> pour une liste ordonnée.
Dokuwiki supports ordered and unordered lists. To create a list item, indent your text by two spaces and use a <code>*</code> for unordered lists or a <code>-</code> for ordered ones.


* Ceci est une liste
* This is a list
* Le second élément
* The second item
** Vous pouvez avoir plusieurs niveaux
** You may have different levels
* Un autre élément
* Another item


== La même liste mais ordonnée==
== The same list but ordered==
== Un autre élément==
== Another item==
=== Utilisez simplement l'indentation pour des niveaux plus profonds===
=== Just use indention for deeper levels===
== Et voilà==
== That's it==


<pre>  * Ceci est une liste
<pre>  * This is a list
   * Le second élément
   * The second item
     * Vous pouvez avoir plusieurs niveaux
     * You may have different levels
   * Un autre élément
   * Another item


   - La même liste mais ordonnée
   - The same list but ordered
   - Un autre élément
   - Another item
     - Utilisez simplement l'indentation pour des niveaux plus profonds
     - Just use indention for deeper levels
   - Et voilà
   - That's it
</pre>
</pre>
Vous pouvez aussi consulter notre [https://www.dokuwiki.org/fr:faq:lists FAQ sur les listes]
Also take a look at the [https://www.dokuwiki.org/faq:lists FAQ on list items].


== Conversions textuelles ==
== Text Conversions ==


DokuWiki peut convertir certains caractères ou chaînes de caractère prédéfinis en image, autre texte, ou HTML.
DokuWiki can convert certain pre-defined characters or strings into images or other text or HTML.


Les conversions en image sont principalement utilisée pour les émoticônes (''smileys''). Les conversions en texte ou HTML sont utilisées pour des raisons de typographie, mais peuvent également être configurées pour utiliser d'autres balises HTML.
The text to image conversion is mainly done for smileys. And the text to HTML conversion is used for typography replacements, but can be configured to use other HTML as well.


=== Emoticônes (smileys) ===
=== Text to Image Conversions ===


DokuWiki transforme les [[https://fr.wikipedia.org/wiki/Émoticône|Émoticône]]s courantes en leurs équivalents graphiques. On peut facilement en [https://www.dokuwiki.org/fr:smileys ajouter d'autres]. Voici une vue d'ensemble des émoticônes incluses dans DokuWiki.
DokuWiki converts commonly used [https://en.wikipedia.org/wiki/emoticon emoticon]s to their graphical equivalents. Those [https://www.dokuwiki.org/Smileys Smileys] and other images can be configured and extended. Here is an overview of Smileys included in DokuWiki:


* 8-) %% 8-) %%
* 8-) %% 8-) %%
Ligne 277 : Ligne 262 :
* DELETEME %% DELETEME %%
* DELETEME %% DELETEME %%


=== Typographie ===
=== Text to HTML Conversions ===


[https://www.dokuwiki.org/fr:dokuwiki DokuWiki] peut convertir de simples caractères de texte brut en leurs entités typographiques correctes. Voici un exemple des caractères reconnus.
Typography: [[DokuWiki|DokuWiki]] can convert simple text characters to their typographically correct entities. Here is an example of recognized characters.


-&gt; &lt;- &lt;-&gt; =&gt; &lt;= &lt;=&gt; &gt;&gt; &lt;&lt; -- --- 640x480 (c) (tm) (r) &quot;He thought 'It's a man's world'...&quot;
-&gt; &lt;- &lt;-&gt; =&gt; &lt;= &lt;=&gt; &gt;&gt; &lt;&lt; -- --- 640x480 (c) (tm) (r) &quot;He thought 'It's a man's world'...&quot;
Ligne 286 : Ligne 271 :
&quot;He thought 'It's a man's world'...&quot;
&quot;He thought 'It's a man's world'...&quot;
</pre>
</pre>
Il est possible de faire la même chose pour n'importe quelle balise HTML. Il suffit pour cela de rajouter une ligne dans le [https://www.dokuwiki.org/fr:entities fichier de motifs].
The same can be done to produce any kind of HTML, it just needs to be added to the [https://www.dokuwiki.org/entities pattern file].


Il existe trois exceptions à ce mécanisme. le symbole de multiplication (640x480), les 'apostrophes' et les &quot;guillemets&quot;. On peut toutefois désactiver ces trois substitutions par une [https://www.dokuwiki.org/fr:config:typography option de configuration].
There are three exceptions which do not come from that pattern file: multiplication entity (640x480), 'single' and &quot;double quotes&quot;. They can be turned off through a [https://www.dokuwiki.org/config:typography config option].


== Citations ==
== Quoting ==


Parfois vous souhaitez marquer du texte afin de montrer que c'est une réponse ou un commentaire. Vous pouvez utiliser la syntaxe suivante :
Some times you want to mark some text to show it's a reply or comment. You can use the following syntax:


<pre>Je pense que nous devrions le faire
<pre>I think we should do it


&gt; Non nous ne devrions pas
&gt; No we shouldn't


&gt;&gt; Eh bien, je pense que si
&gt;&gt; Well, I say we should


&gt; Vraiment ?
&gt; Really?


&gt;&gt; Oui !
&gt;&gt; Yes!


&gt;&gt;&gt; Alors faisons-le !
&gt;&gt;&gt; Then lets do it!
</pre>
</pre>
== Tableaux ==
I think we should do it


DokuWiki propose une syntaxe simple pour créer des tableaux.
<blockquote>No we shouldn't</blockquote>
<blockquote><blockquote>Well, I say we should</blockquote></blockquote>
<blockquote>Really?</blockquote>
<blockquote><blockquote>Yes!</blockquote></blockquote>
<blockquote><blockquote><blockquote>Then lets do it!</blockquote></blockquote></blockquote>
== Tables ==
 
DokuWiki supports a simple syntax to create tables.


{|
{|
! Titre 1
! Heading 1
! Titre 2
! Heading 2
! Titre 3
! Heading 3
|-
|-
| Ligne 1 Col 1
| Row 1 Col 1
| Ligne 1 Col 2
| Row 1 Col 2
| Ligne 1 Col 3
| Row 1 Col 3
|-
|-
| Ligne 2 Col 1
| Row 2 Col 1
| colonnes fusionnées (notez la double barre verticale)
| some colspan (note the double pipe)
|
|
|-
|-
| Ligne 3 Col 1
| Row 3 Col 1
| Ligne 2 Col 2
| Row 3 Col 2
| Ligne 2 Col 3
| Row 3 Col 3
|}
|}


Les lignes de tableau doivent commencer et se terminer avec une ''barre verticale'' <code>|</code> pour des lignes normales ou avec un <code>^</code> pour les titres.
Table rows have to start and end with a <code>|</code> for normal rows or a <code>^</code> for headers.


<pre>^ Titre 1         ^ Titre 2           ^ Titre 3                           ^
<pre>^ Heading 1     ^ Heading 2       ^ Heading 3         ^
| Ligne 1 Col 1   | Ligne 1 Col 2    | Ligne 1 Col 3                     |
| Row 1 Col 1   | Row 1 Col 2    | Row 1 Col 3       |
| Ligne 2 Col 1   | colonnes fusionnées (notez la double barre verticale) ||
| Row 2 Col 1   | some colspan (note the double pipe) ||
| Ligne 3 Col 1   | Ligne 2 Col 2    | Ligne 2 Col 3                     |
| Row 3 Col 1   | Row 3 Col 2    | Row 3 Col 3       |
</pre>
</pre>
Pour fusionner des cellules horizontalement, videz simplement complètement la cellule suivante comme il est montré ci-dessus. Assurez-vous d'avoir toujours le même nombre de séparateurs de cellules !
To connect cells horizontally, just make the next cell completely empty as shown above. Be sure to have always the same amount of cell separators!


Les titres de tableau verticaux sont également possibles.
Vertical tableheaders are possible, too.


{|
{|
|
|
| Titre 1
| Heading 1
| Titre 2
| Heading 2
|-
|-
| Titre 3
| Heading 3
| Ligne 1 Col 2
| Row 1 Col 2
| Ligne 1 Col 3
| Row 1 Col 3
|-
|-
| Titre 4
| Heading 4
| pas de fusion cette fois
| no colspan this time
|
|
|-
|-
| Titre 5
| Heading 5
| Ligne 2 Col 2
| Row 2 Col 2
| Ligne 2 Col 3
| Row 2 Col 3
|}
|}


Comme vous pouvez le constater, c'est le séparateur ('|' ou '^') précédant une cellule qui détermine le format :
As you can see, it's the cell separator before a cell which decides about the formatting:


<pre>|              ^ Titre 1                 ^ Titre 2          ^
<pre>|              ^ Heading 1           ^ Heading 2          ^
^ Titre 3     | Ligne 1 Col 2           | Ligne 1 Col 3   |
^ Heading 3   | Row 1 Col 2         | Row 1 Col 3       |
^ Titre 4     | pas de fusion cette fois |                 |
^ Heading 4   | no colspan this time |                   |
^ Titre 5     | Ligne 2 Col 2           | Ligne 2 Col 3   |
^ Heading 5   | Row 2 Col 2         | Row 2 Col 3       |
</pre>
</pre>
Vous pouvez fusionner des cellules verticalement en ajoutant ::: dans les cellules sous celles avec laquelle elles doivent fusionner. :!: Cette fonctionnalité n'est disponible que pour les versions supérieures à 2009-02-14b
You can have rowspans (vertically connected cells) by adding <code>:::</code> into the cells below the one to which they should connect.


{|
{|
! Titre 1
! Heading 1
! Titre 2
! Heading 2
! Titre 3
! Heading 3
|-
|-
| Ligne 1 Col 1
| Row 1 Col 1
| Cette cellule s'étend<br />
| this cell spans vertically
verticalement
| Row 1 Col 3
| Ligne 1 Col 3
|-
|-
| Ligne 2 Col 1
| Row 2 Col 1
| :::
| :::
| Ligne 2 Col 3
| Row 2 Col 3
|-
|-
| Ligne 3 Col 1
| Row 3 Col 1
| :::
| :::
| Ligne 3 Col 3
| Row 2 Col 3
|}
|}


Ces cellules ne doivent rien contenir d'autre que l'indicateur de fusion vertical.
Apart from the rowspan syntax those cells should not contain anything else.


<pre>^ Titre 1       ^ Titre 2                                 ^ Titre 3       ^
<pre>^ Heading 1     ^ Heading 2                 ^ Heading 3         ^
| Ligne 1 Col 1 | Cette cellule s'étend\\ verticalement  | Ligne 1 Col 3 |
| Row 1 Col 1   | this cell spans vertically | Row 1 Col 3       |
| Ligne 2 Col 1 | :::                                     | Ligne 2 Col 3 |
| Row 2 Col 1   | :::                       | Row 2 Col 3       |
| Ligne 3 Col 1 | :::                                     | Ligne 3 Col 3 |
| Row 3 Col 1   | :::                       | Row 2 Col 3       |
</pre>
</pre>
Vous pouvez également aligner les contenus du tableau (uniquement horizontalement). Ajoutez simplement au moins deux espaces à l'extrémité opposée de votre texte : ajoutez deux espaces sur la gauche pour aligner à droite, deux espaces sur la droite pour aligner à gauche et deux espaces au moins à chaque extrémité pour centrer le texte.
You can align the table contents, too. Just add at least two whitespaces at the opposite end of your text: Add two spaces on the left to align right, two spaces on the right to align left and two spaces at least at both ends for centered text.


{|
{|
! Tableau avec alignement
! Table with alignment
!
!
!
!
|-
|-
| droite
| right
| centré
| center
| gauche
| left
|-
|-
| gauche
| left
| droite
| right
| centré
| center
|-
|-
| xxxxxxxxxxxx
| xxxxxxxxxxxx
Ligne 412 : Ligne 403 :
|}
|}


Voici à quoi ça ressemble dans le code source :
This is how it looks in the source:


<pre>^         Tableau avec alignement        ^^^
<pre>^           Table with alignment          ^^^
|       droite|    centré   |gauche        |
|         right|    center   |left          |
|gauche        |       droite|    centré   |
|left          |         right|    center   |
| xxxxxxxxxxxx | xxxxxxxxxxxx | xxxxxxxxxxxx |
| xxxxxxxxxxxx | xxxxxxxxxxxx | xxxxxxxxxxxx |
</pre>
</pre>
== Blocs non analysés ==
Note: Vertical alignment is not supported.


Si vous avez besoin d'afficher du texte exactement comme il est saisi (sans aucun formatage), entourez le texte soit de balises <code>&lt;nowiki&gt;</code> soit, plus simplement encore, de double signe pourcent <code>%%</code>.
== No Formatting ==


Voilà du texte qui contient une adresse : http://www.splitbrain.org et de la **mise en formee** ; mais il est reproduit tel quel. La même chose est vraie pour //__ce__ texte// avec une émoticône ;-).
If you need to display text exactly like it is typed (without any formatting), enclose the area either with <code>&lt;nowiki&gt;</code> tags or even simpler, with double percent signs <code>%%</code>.
 
This is some text which contains addresses like this: http://www.splitbrain.org and **formatting**, but nothing is done with it. The same is true for //__this__ text// with a smiley ;-).


<pre>&lt;nowiki&gt;
<pre>&lt;nowiki&gt;
Voilà du texte qui contient une adresse : http://www.splitbrain.org et de la **mise en formee** ; mais
This is some text which contains addresses like this: http://www.splitbrain.org and **formatting**, but nothing is done with it.
il est reproduit tel quel.
&lt;/nowiki&gt;
&lt;/nowiki&gt;
La même chose est vraie pour  %%//__ce__ texte// avec une émoticône ;-)%%.
The same is true for %%//__this__ text// with a smiley ;-)%%.
&lt;nowiki&gt;
</pre>
</pre>
== Blocs de code ==
== Code Blocks ==


Vous pouvez inclure des blocs non analysés dans vos documents soit en les indentant avec au moins deux espaces (comme on peut le voir dans les exemples précédents) soit en utilisant les balises <code>&lt;code&gt;</code> ou <code>&lt;file&gt;</code>.
You can include code blocks into your documents by either indenting them by at least two spaces (like used for the previous examples) or by using the tags <code>&lt;code&gt;</code> or <code>&lt;file&gt;</code>.


<pre>Ce texte est indenté avec deux espaces.
<pre>This is text is indented by two spaces.
</pre>
</pre>
<pre>Ceci est du code préformaté, tous les espaces sont préservés :
<pre>This is preformatted code all spaces are preserved: like              &lt;-this
comme          &lt;- ceci
</pre>
</pre>
<pre>C'est pratiquement la même chose, mais vous pouvez l'utiliser pour montrer
<pre>This is pretty much the same, but you could use it to show that you quoted a file.
que vous avez cité un fichier.  
</pre>
</pre>
<pre>  Ce texte est indenté avec deux espaces.
Those blocks were created by this source:


&lt;code&gt;
<pre>  This is text is indented by two spaces.
Ceci est du code préformaté, tous les espaces sont préservés :
</pre>
comme          &lt;- ceci
<pre>&lt;code&gt;
This is preformatted code all spaces are preserved: like              &lt;-this
&lt;/code&gt;
&lt;/code&gt;
 
</pre>
&lt;file&gt;
<pre>&lt;file&gt;
C'est pratiquement la même chose, mais vous pouvez l'utiliser pour montrer
This is pretty much the same, but you could use it to show that you quoted a file.
que vous avez cité un fichier.  
&lt;/file&gt;
&lt;/file&gt;
</pre>
</pre>
=== Coloration syntaxique ===
=== Syntax Highlighting ===


[https://www.dokuwiki.org/fr:dokuwiki DokuWiki] peut mettre en forme et en couleur du code source, ce qui facilite sa lecture. Il utilise le Generic Syntax Highlighter [http://qbnz.com/highlighter/ GeSHi] -- donc n'importe quel langage connu de GeSHi est accepté. La syntaxe est la même que dans le bloc de code de la section précédente, mais cette fois le nom du langage utilisé est inséré dans la balise. Par exemple : <code>&lt;code java&gt;</code>.
[[wiki/DokuWiki|DokuWiki]] can highlight sourcecode, which makes it easier to read. It uses the [http://qbnz.com/highlighter/ GeSHi] Generic Syntax Highlighter -- so any language supported by GeSHi is supported. The syntax uses the same code and file blocks described in the previous section, but this time the name of the language syntax to be highlighted is included inside the tag, e.g. <code>&lt;code java&gt;</code> or <code>&lt;file java&gt;</code>.


<syntaxhighlight lang="java">/**  
<syntaxhighlight lang="java">/**
  * La classe HelloWorldApp implémente une application qui
  * The HelloWorldApp class implements an application that
  * affiche simplement "Hello World!" dans la sortie standard.
  * simply displays "Hello World!" to the standard output.
  */
  */
class HelloWorldApp {
class HelloWorldApp {
     public static void main(String[] args) {
     public static void main(String[] args) {
         System.out.println("Hello World!"); //Affiche la chaîne.
         System.out.println("Hello World!"); //Display the string.
     }
     }
}
}
</syntaxhighlight>
</syntaxhighlight>
DokuWiki reconnait les identifiants de langage suivants : ''4cs'', ''6502acme'', ''6502kickass'', ''6502tasm'', ''68000devpac'', ''abap'', ''actionscript'', ''actionscript3'', ''ada'', ''aimms'', ''algol68'', ''apache'', ''applescript'', ''apt_sources'', ''arm'', ''asm'', ''asp'', ''asymptote'', ''autoconf'', ''autohotkey'', ''autoit'', ''avisynth'', ''awk'', ''bascomavr'', ''bash'', ''basic4gl'', ''batch'', ''bf'', ''biblatex'', ''bibtex'', ''blitzbasic'', ''bnf'', ''boo'', ''c'', ''caddcl'', ''cadlisp'', ''ceylon'', ''cfdg'', ''cfm'', ''chaiscript'', ''chapel'', ''cil'', ''c_loadrunner'', ''clojure'', ''c_mac'', ''cmake'', ''cobol'', ''coffeescript'', ''cpp'', ''cpp-qt'', ''cpp-winapi'', ''csharp'', ''css'', ''cuesheet'', ''c_winapi'', ''d'', ''dart'', ''dcl'', ''dcpu16'', ''dcs'', ''delphi'', ''diff'', ''div'', ''dos'', ''dot'', ''e'', ''ecmascript'', ''eiffel'', ''email'', ''epc'', ''erlang'', ''euphoria'', ''ezt'', ''f1'', ''falcon'', ''fo'', ''fortran'', ''freebasic'', ''freeswitch'', ''fsharp'', ''gambas'', ''gdb'', ''genero'', ''genie'', ''gettext'', ''glsl'', ''gml'', ''gnuplot'', ''go'', ''groovy'', ''gwbasic'', ''haskell'', ''haxe'', ''hicest'', ''hq9plus'', ''html'', ''html4strict'', ''html5'', ''icon'', ''idl'', ''ini'', ''inno'', ''intercal'', ''io'', ''ispfpanel'', ''j'', ''java'', ''java5'', ''javascript'', ''jcl'', ''jquery'', ''julia'', ''kixtart'', ''klonec'', ''klonecpp'', ''kotlin'', ''latex'', ''lb'', ''ldif'', ''lisp'', ''llvm'', ''locobasic'', ''logtalk'', ''lolcode'', ''lotusformulas'', ''lotusscript'', ''lscript'', ''lsl2'', ''lua'', ''m68k'', ''magiksf'', ''make'', ''mapbasic'', ''mathematica'', ''matlab'', ''mercury'', ''metapost'', ''mirc'', ''mk-61'', ''mmix'', ''modula2'', ''modula3'', ''mpasm'', ''mxml'', ''mysql'', ''nagios'', ''netrexx'', ''newlisp'', ''nginx'', ''nimrod'', ''nsis'', ''oberon2'', ''objc'', ''objeck'', ''ocaml'', ''ocaml-brief'', ''octave'', ''oobas'', ''oorexx'', ''oracle11'', ''oracle8'', ''oxygene'', ''oz'', ''parasail'', ''parigp'', ''pascal'', ''pcre'', ''per'', ''perl'', ''perl6'', ''pf'', ''phix'', ''php'', ''php-brief'', ''pic16'', ''pike'', ''pixelbender'', ''pli'', ''plsql'', ''postgresql'', ''postscript'', ''povray'', ''powerbuilder'', ''powershell'', ''proftpd'', ''progress'', ''prolog'', ''properties'', ''providex'', ''purebasic'', ''pycon'', ''pys60'', ''python'', ''q'', ''qbasic'', ''qml'', ''racket'', ''rails'', ''rbs'', ''rebol'', ''reg'', ''rexx'', ''robots'', ''rpmspec'', ''rsplus'', ''ruby'', ''rust'', ''sas'', ''sass'', ''scala'', ''scheme'', ''scilab'', ''scl'', ''sdlbasic'', ''smalltalk'', ''smarty'', ''spark'', ''sparql'', ''sql'', ''standardml'', ''stonescript'', ''swift'', ''systemverilog'', ''tcl'', ''tclegg'', ''teraterm'', ''texgraph'', ''text'', ''thinbasic'', ''tsql'', ''twig'', ''typoscript'', ''unicon'', ''upc'', ''urbi'', ''uscript'', ''vala'', ''vb'', ''vbnet'', ''vbscript'', ''vedit'', ''verilog'', ''vhdl'', ''vim'', ''visualfoxpro'', ''visualprolog'', ''whitespace'', ''whois'', ''winbatch'', ''xbasic'', ''xml'', ''xojo'', ''xorg_conf'', ''xpp'', ''yaml'', ''z80'', ''zxbasic''.
The following language strings are currently recognized: ''4cs 6502acme 6502kickass 6502tasm 68000devpac abap actionscript3 actionscript ada aimms algol68 apache applescript apt_sources arm asm asp asymptote autoconf autohotkey autoit avisynth awk bascomavr bash basic4gl batch bf biblatex bibtex blitzbasic bnf boo caddcl cadlisp ceylon cfdg cfm chaiscript chapel cil c_loadrunner clojure c_mac cmake cobol coffeescript c cpp cpp-qt cpp-winapi csharp css cuesheet c_winapi dart dcl dcpu16 dcs delphi diff div dos dot d ecmascript eiffel email epc e erlang euphoria ezt f1 falcon fo fortran freebasic freeswitch fsharp gambas gdb genero genie gettext glsl gml gnuplot go groovy gwbasic haskell haxe hicest hq9plus html html4strict html5 icon idl ini inno intercal io ispfpanel java5 java javascript jcl j jquery julia kixtart klonec klonecpp kotlin latex lb ldif lisp llvm locobasic logtalk lolcode lotusformulas lotusscript lscript lsl2 lua m68k magiksf make mapbasic mathematica matlab mercury metapost mirc mk-61 mmix modula2 modula3 mpasm mxml mysql nagios netrexx newlisp nginx nimrod nsis oberon2 objc objeck ocaml-brief ocaml octave oobas oorexx oracle11 oracle8 oxygene oz parasail parigp pascal pcre perl6 perl per pf phix php-brief php pic16 pike pixelbender pli plsql postgresql postscript povray powerbuilder powershell proftpd progress prolog properties providex purebasic pycon pys60 python qbasic qml q racket rails rbs rebol reg rexx robots roff rpmspec rsplus ruby rust sas sass scala scheme scilab scl sdlbasic smalltalk smarty spark sparql sql sshconfig standardml stonescript swift systemverilog tclegg tcl teraterm texgraph text thinbasic tsql twig typoscript unicon upc urbi uscript vala vbnet vb vbscript vedit verilog vhdl vim visualfoxpro visualprolog whitespace whois winbatch wolfram xbasic xml xojo xorg_conf xpp yaml z80 zxbasic''


D'autres [[fr/syntax_highlighting|options avancées]] sont disponibles, comme la mise en évidence des lignes ou l'ajout de numéros de lignes.
There are additional [https://www.dokuwiki.org/syntax_highlighting advanced options] available for syntax highlighting, such as highlighting lines or adding line numbers.


=== Bloc de code téléchargeables ===
=== Downloadable Code Blocks ===


Quand vous utilisez les balises ''&lt;code&gt;'' ou ''&lt;file&gt;'', vous pouvez rendre disponible en téléchargement le code affiché. Il faut alors préciser un nom de fichier juste après le code du langage.
When you use the <code>&lt;code&gt;</code> or <code>&lt;file&gt;</code> syntax as above, you might want to make the shown code available for download as well. You can do this by specifying a file name after language code like this:


<syntaxhighlight lang="php"><?php echo "hello world!"; ?>
<pre>&lt;file php myexample.php&gt;
</syntaxhighlight>
<pre>&lt;file php monexemple.php&gt;
&lt;?php echo &quot;hello world!&quot;; ?&gt;
&lt;?php echo &quot;hello world!&quot;; ?&gt;
&lt;/file&gt;
&lt;/file&gt;
</pre>
</pre>
Si vous ne voulez pas de coloration syntaxique, il suffit de fournir un tiret (-) en guise de code de langage :<br />
<syntaxhighlight lang="php"><?php echo "hello world!"; ?>
<code>&lt;code - monfichier.toto&gt;</code>.
</syntaxhighlight>
If you don't want any highlighting but want a downloadable file, specify a dash (<code>-</code>) as the language code: <code>&lt;code - myfile.foo&gt;</code>.


== Inclure du code HTML ou PHP ==
== Embedding HTML and PHP ==


Vous pouvez inclure du code HTML ou PHP pur dans vos documents en utilisant les balises <code>&lt;html&gt;</code> ou <code>&lt;php&gt;</code>. En utilisant des balises en majuscule, vous définissez un bloc. Les balises en minuscule insèrent les éléments en ligne.
You can embed raw HTML or PHP code into your documents by using the <code>&lt;html&gt;</code> or <code>&lt;php&gt;</code> tags. (Use uppercase tags if you need to enclose block level elements.)


exemple HTML :
HTML example:


<pre>Ceci est &lt;html&gt;de l'&lt;span style=&quot;color:red;font-size:150%;&quot;&gt;HTML en ligne&lt;/span&gt;
<pre>&lt;html&gt;
This is some &lt;span style=&quot;color:red;font-size:150%;&quot;&gt;inline HTML&lt;/span&gt;
&lt;/html&gt;
&lt;/html&gt;
 
&lt;HTML&gt;
Quant à &lt;HTML&gt;
&lt;p style=&quot;border:2px dashed red;&quot;&gt;And this is some block HTML&lt;/p&gt;
&lt;p style=&quot;border:2px dashed red;&quot;&gt;ceci, un bloc HTML&lt;/p&gt;
&lt;/HTML&gt;
&lt;/HTML&gt;
</pre>
</pre>
Ceci est de l'<span style="color:red;font-size:150%;">HTML en ligne</span>


This is some <span style="color:red;font-size:150%;">inline HTML</span>


Quant à &lt;HTML&gt; &lt;p style=&quot;border:2px dashed red;&quot;&gt;ceci, un bloc HTML&lt;/p&gt; &lt;/HTML&gt;


exemple PHP :
<p style="border:2px dashed red;">And this is some block HTML</p>
 
PHP example:


<pre>&lt;php&gt;
<pre>&lt;php&gt;
echo 'Version de PHP: ';
echo 'The PHP version: ';
echo phpversion();
echo phpversion();
echo ' (HTML en ligne généré)';
echo ' (generated inline HTML)';
&lt;/php&gt;
&lt;/php&gt;
&lt;PHP&gt;
&lt;PHP&gt;
echo '&lt;table class=&quot;inline&quot;&gt;&lt;tr&gt;&lt;td&gt;La même chose, mais dans un élément de niveau bloc:&lt;/td&gt;';
echo '&lt;table class=&quot;inline&quot;&gt;&lt;tr&gt;&lt;td&gt;The same, but inside a block level element:&lt;/td&gt;';
echo '&lt;td&gt;'.phpversion().'&lt;/td&gt;';
echo '&lt;td&gt;'.phpversion().'&lt;/td&gt;';
echo '&lt;/tr&gt;&lt;/table&gt;';
echo '&lt;/tr&gt;&lt;/table&gt;';
Ligne 519 : Ligne 508 :
</pre>
</pre>
<code>
<code>
echo 'Version de PHP: ';
echo 'The PHP version: ';
echo phpversion();
echo phpversion();
echo ' (HTML en ligne généré)';
echo ' (inline HTML)';
</code>
</code>


<syntaxhighlight lang="php">echo '<table class="inline"><tr><td>La même chose, mais dans un élément de niveau bloc:</td>';
<syntaxhighlight lang="php">echo '<table class="inline"><tr><td>The same, but inside a block level element:</td>';
echo '<td>'.phpversion().'</td>';
echo '<td>'.phpversion().'</td>';
echo '</tr></table>';
echo '</tr></table>';
</syntaxhighlight>
</syntaxhighlight>
'''NB''' : L'inclusion de code HTML et PHP est désactivée dans la configuration par défaut. Dans ce cas, le code est affiché au lieu d'être exécuté.
'''Please Note''': HTML and PHP embedding is disabled by default in the configuration. If disabled, the code is displayed instead of executed.


== Agrégation de fils RSS/ATOM ==
== RSS/ATOM Feed Aggregation ==


[https://www.dokuwiki.org/fr:dokuwiki DokuWiki] peut agréger les données de fils XML externes. Pour l'analyse des fils XML, il utilise [http://simplepie.org/ SimplePie]. On peut utiliser tous les formats connus de SimplePie dans DokuWiki. Vous pouvez modifier le comportement en ajoutant plusieurs paramètres séparés par des espaces :
[[DokuWiki|DokuWiki]] can integrate data from external XML feeds. For parsing the XML feeds, [http://simplepie.org/ SimplePie] is used. All formats understood by SimplePie can be used in DokuWiki as well. You can influence the rendering by multiple additional space separated parameters:


{|
{|
! Paramètre
! Parameter
! Description
! Description
|-
|-
| tout nombre
| any number
| sera utilisé comme le nombre maximum d'éléments à montrer, 8 par défaut
| will be used as maximum number items to show, defaults to 8
|-
|-
| reverse
| reverse
| affiche les derniers éléments en premier dans le fil
| display the last items in the feed first
|-
|-
| author
| author
| affiche le nom des auteurs des éléments
| show item authors names
|-
|-
| date
| date
| affiche les dates des éléments
| show item dates
|-
|-
| description
| description
| affiche les descriptions des éléments. Si [https://www.dokuwiki.org/fr:config:htmlok HTML] est désactivé, toutes les balises seront enlevées
| show the item description. If [https://www.dokuwiki.org/config:htmlok HTML] is disabled all tags will be stripped
|-
|-
| nosort
| nosort
| ne trie pas les éléments du fil
| do not sort the items in the feed
|-
|-
| ''n''[dhm]
| ''n''[dhm]
| durée de rafraîchissement, ou d=days (jours), h=heures, m=minutes. (Par exemple 12h = 12 heures).
| refresh period, where d=days, h=hours, m=minutes. (e.g. 12h = 12 hours).
|}
|}


La période de rafraîchissement est par défaut de 4 heures. Toute valeur inférieure à 10 minutes sera traitée comme 10 minutes. [https://www.dokuwiki.org/fr:dokuwiki DokuWiki] essaiera en général de fournir une version de la page à partir du cache ; évidemment, cela est inadapté si la page a un contenu dynamique externe. Ce paramètre informe [https://www.dokuwiki.org/fr:dokuwiki DokuWiki] qu'il doit reconstruire la page s'il s'est écoulé plus de temps que la ''période de rafraîchissement'' depuis la dernière reconstruction.
The refresh period defaults to 4 hours. Any value below 10 minutes will be treated as 10 minutes. [[wiki/DokuWiki|DokuWiki]] will generally try to supply a cached version of a page, obviously this is inappropriate when the page contains dynamic external content. The parameter tells [[wiki/DokuWiki|DokuWiki]] to re-render the page if it is more than ''refresh period'' since the page was last rendered.
 
By default the feed will be sorted by date, newest items first. You can sort it by oldest first using the <code>reverse</code> parameter, or display the feed as is with <code>nosort</code>.


'''Exemple :'''
'''Example:'''


<pre>{{rss&gt;http://slashdot.org/index.rss 5 author date 1h }}
<pre>{{rss&gt;http://slashdot.org/index.rss 5 author date 1h }}
Ligne 568 : Ligne 559 :
[[http://slashdot.org/index.rss|class=align-left|//slashdot.org/index.rss 5 author date 1h]]
[[http://slashdot.org/index.rss|class=align-left|//slashdot.org/index.rss 5 author date 1h]]


== Macros ==
== Control Macros ==


Certains mots-clef modifient la manière dont DokuWiki génère une page, sans rajouter aucun contenu. Les macros suivantes sont disponibles :
Some syntax influences how DokuWiki renders a page without creating any output it self. The following control macros are availble:


{|
{|
Ligne 577 : Ligne 568 :
|-
|-
| ~~NOTOC~~
| ~~NOTOC~~
| Si cette macro est présente dans une page, aucune table des matières ne sera générée.
| If this macro is found on the page, no table of contents will be created
|-
|-
| ~~NOCACHE~~
| ~~NOCACHE~~
| Par défaut, DokuWiki met en cache les pages qu'il génère. Parfois, ce n'est pas ce qui est voulu (par exemple quand la syntaxe &lt;php&gt; vue ci-dessus est utilisée), ajouter cette macro va forcer DokuWiki à générer une page à chaque appel de celle-ci.
| DokuWiki caches all output by default. Sometimes this might not be wanted (eg. when the &lt;php&gt; syntax above is used), adding this macro will force DokuWiki to rerender a page on every call
|}
|}


== Extensions de syntaxe ==
== Syntax Plugins ==


La syntaxe de DokuWiki peut être étendue par des [https://www.dokuwiki.org/fr:plugins extensions]. La manière d'utiliser les extensions installées est détaillée dans leurs pages de description respectives. Les extensions de syntaxe suivantes sont disponibles dans cette installation particulière de DokuWiki :
DokuWiki's syntax can be extended by [https://www.dokuwiki.org/plugins Plugins]. How the installed plugins are used is described on their appropriate description pages. The following syntax plugins are available in this particular DokuWiki installation:


~~INFO:syntaxplugins~~
~~INFO:syntaxplugins~~

Version du 19 mai 2020 à 10:06

Formatting Syntax

DokuWiki supports some simple markup language, which tries to make the datafiles to be as readable as possible. This page contains all possible syntax you may use when editing the pages. Simply have a look at the source of this page by pressing "Edit this page". If you want to try something, just use the playground page. The simpler markup is easily accessible via quickbuttons, too.

Basic Text Formatting

DokuWiki supports bold, italic, underlined and monospaced texts. Of course you can combine all these.

DokuWiki supports **bold**, //italic//, __underlined__ and ''monospaced'' texts.
Of course you can **__//''combine''//__** all these.

You can use subscript and superscript, too.

You can use <sub>subscript</sub> and <sup>superscript</sup>, too.

You can mark something as deleted as well.

You can mark something as <del>deleted</del> as well.

Paragraphs are created from blank lines. If you want to force a newline without a paragraph, you can use two backslashes followed by a whitespace or the end of line.

This is some text with some linebreaks
Note that the two backslashes are only recognized at the end of a line
or followed by
a whitespace \\this happens without it.

This is some text with some linebreaks\\ Note that the
two backslashes are only recognized at the end of a line\\
or followed by\\ a whitespace \\this happens without it.

You should use forced newlines only if really needed.

Links

DokuWiki supports multiple ways of creating links.

External

External links are recognized automagically: http://www.google.com or simply www.google.com - You can set the link text as well: This Link points to google. Email addresses like this one: andi@splitbrain.org are recognized, too.

DokuWiki supports multiple ways of creating links. External links are recognized
automagically: http://www.google.com or simply www.google.com - You can set
link text as well: [[http://www.google.com|This Link points to google]]. Email
addresses like this one: <andi@splitbrain.org> are recognized, too.

Internal

Internal links are created by using square brackets. You can either just give a pagename or use an additional link text.

Internal links are created by using square brackets. You can either just give
a [[pagename]] or use an additional [[pagename|link text]].

Wiki pagenames are converted to lowercase automatically, special characters are not allowed.

You can use namespaces by using a colon in the pagename.

You can use [[some:namespaces]] by using a colon in the pagename.

For details about namespaces see namespaces.

Linking to a specific section is possible, too. Just add the section name behind a hash character as known from HTML. This links to this Section.

This links to [[syntax#internal|this Section]].

Notes:

  • Links to existing pages are shown in a different style from nonexisting ones.
  • DokuWiki does not use CamelCase to automatically create links by default, but this behavior can be enabled in the config file. Hint: If DokuWiki is a link, then it's enabled.
  • When a section's heading is changed, its bookmark changes, too. So don't rely on section linking too much.

Interwiki

DokuWiki supports Interwiki links. These are quick links to other Wikis. For example this is a link to Wikipedia's page about Wikis: Wiki.

DokuWiki supports [[doku>Interwiki]] links. These are quick links to other Wikis.
For example this is a link to Wikipedia's page about Wikis: [[wp>Wiki]].

Windows Shares

Windows shares like this are recognized, too. Please note that these only make sense in a homogeneous user group like a corporate Intranet.

Windows Shares like [[\\server\share|this]] are recognized, too.

Notes:

  • For security reasons direct browsing of windows shares only works in Microsoft Internet Explorer per default (and only in the "local zone").
  • For Mozilla and Firefox it can be enabled through different workaround mentioned in the Mozilla Knowledge Base. However, there will still be a JavaScript warning about trying to open a Windows Share. To remove this warning (for all users), put the following line in conf/lang/en/lang.php (more details at localization): <?php

/**

* Customization of the english language file
* Copy only the strings that needs to be modified
*/

$lang['js']['nosmblinks'] = ;

Image Links

You can also use an image to link to another internal or external page by combining the syntax for links and images (see below) like this:

[[http://php.net|{{wiki:dokuwiki-128.png}}]]

dokuwiki-128.png

Please note: The image formatting is the only formatting syntax accepted in link names.

The whole image and link syntax is supported (including image resizing, internal and external images and URLs and interwiki links).

Footnotes

You can add footnotes [1] by using double parentheses.

You can add footnotes ((This is a footnote)) by using double parentheses.

Sectioning

You can use up to five different levels of headlines to structure your content. If you have more than three headlines, a table of contents is generated automatically -- this can be disabled by including the string ~~NOTOC~~ in the document.

Headline Level 3

Headline Level 4

Headline Level 5
==== Headline Level 3 ====
=== Headline Level 4 ===
== Headline Level 5 ==

By using four or more dashes, you can make a horizontal line:



Media Files

You can include external and internal images, videos and audio files with curly brackets. Optionally you can specify the size of them.

Real size: dokuwiki-128.png

Resize to given width: dokuwiki-128.png

Resize to given width and height[2]: dokuwiki-128.png

Resized external image: [[1]]

Real size:                        {{wiki:dokuwiki-128.png}}
Resize to given width:            {{wiki:dokuwiki-128.png?50}}
Resize to given width and height: {{wiki:dokuwiki-128.png?200x50}}
Resized external image:           {{https://secure.php.net/images/php.gif?200x50}}

By using left or right whitespaces you can choose the alignment.

dokuwiki-128.png

dokuwiki-128.png

dokuwiki-128.png

{{ wiki:dokuwiki-128.png}}
{{wiki:dokuwiki-128.png }}
{{ wiki:dokuwiki-128.png }}

Of course, you can add a title (displayed as a tooltip by most browsers), too.

This is the caption

{{ wiki:dokuwiki-128.png |This is the caption}}

For linking an image to another page see #Image Links above.

Supported Media Formats

DokuWiki can embed the following media formats directly.

Image gif, jpg, png
Video webm, ogv, mp4
Audio ogg, mp3, wav
Flash swf

If you specify a filename that is not a supported media format, then it will be displayed as a link instead.

By adding ?linkonly you provide a link to the media without displaying it inline

{{wiki:dokuwiki-128.png?linkonly}}

dokuwiki-128.png This is just a link to the image.

Fallback Formats

Unfortunately not all browsers understand all video and audio formats. To mitigate the problem, you can upload your file in different formats for maximum browser compatibility.

For example consider this embedded mp4 video:

{{video.mp4|A funny video}}

When you upload a video.webm and video.ogv next to the referenced video.mp4, DokuWiki will automatically add them as alternatives so that one of the three files is understood by your browser.

Additionally DokuWiki supports a "poster" image which will be shown before the video has started. That image needs to have the same filename as the video and be either a jpg or png file. In the example above a video.jpg file would work.

Lists

Dokuwiki supports ordered and unordered lists. To create a list item, indent your text by two spaces and use a * for unordered lists or a - for ordered ones.

  • This is a list
  • The second item
    • You may have different levels
  • Another item

The same list but ordered

Another item

Just use indention for deeper levels

That's it

  * This is a list
  * The second item
    * You may have different levels
  * Another item

  - The same list but ordered
  - Another item
    - Just use indention for deeper levels
  - That's it

Also take a look at the FAQ on list items.

Text Conversions

DokuWiki can convert certain pre-defined characters or strings into images or other text or HTML.

The text to image conversion is mainly done for smileys. And the text to HTML conversion is used for typography replacements, but can be configured to use other HTML as well.

Text to Image Conversions

DokuWiki converts commonly used emoticons to their graphical equivalents. Those Smileys and other images can be configured and extended. Here is an overview of Smileys included in DokuWiki:

  • 8-) %% 8-) %%
  • 8-O %% 8-O %%
  • :-( %% :-( %%
  • :-) %% :-) %%
  • =) %% =) %%
  • :-/ %% :-/ %%
  • :-\ %% :-\ %%
  • :-? %% :-? %%
  • :-D %% :-D %%
  • :-P %% :-P %%
  • :-O %% :-O %%
  • :-X %% :-X %%
  • :-| %% :-| %%
  • ;-) %% ;-) %%
  • ^_^ %% ^_^ %%
  • :?: %% :?: %%
  • :!: %% :!: %%
  • LOL %% LOL %%
  • FIXME %% FIXME %%
  • DELETEME %% DELETEME %%

Text to HTML Conversions

Typography: DokuWiki can convert simple text characters to their typographically correct entities. Here is an example of recognized characters.

-> <- <-> => <= <=> >> << -- --- 640x480 (c) (tm) (r) "He thought 'It's a man's world'..."

-> <- <-> => <= <=> >> << -- --- 640x480 (c) (tm) (r)
"He thought 'It's a man's world'..."

The same can be done to produce any kind of HTML, it just needs to be added to the pattern file.

There are three exceptions which do not come from that pattern file: multiplication entity (640x480), 'single' and "double quotes". They can be turned off through a config option.

Quoting

Some times you want to mark some text to show it's a reply or comment. You can use the following syntax:

I think we should do it

> No we shouldn't

>> Well, I say we should

> Really?

>> Yes!

>>> Then lets do it!

I think we should do it

No we shouldn't

Well, I say we should

Really?

Yes!

Then lets do it!

Tables

DokuWiki supports a simple syntax to create tables.

Heading 1 Heading 2 Heading 3
Row 1 Col 1 Row 1 Col 2 Row 1 Col 3
Row 2 Col 1 some colspan (note the double pipe)
Row 3 Col 1 Row 3 Col 2 Row 3 Col 3

Table rows have to start and end with a | for normal rows or a ^ for headers.

^ Heading 1      ^ Heading 2       ^ Heading 3          ^
| Row 1 Col 1    | Row 1 Col 2     | Row 1 Col 3        |
| Row 2 Col 1    | some colspan (note the double pipe) ||
| Row 3 Col 1    | Row 3 Col 2     | Row 3 Col 3        |

To connect cells horizontally, just make the next cell completely empty as shown above. Be sure to have always the same amount of cell separators!

Vertical tableheaders are possible, too.

Heading 1 Heading 2
Heading 3 Row 1 Col 2 Row 1 Col 3
Heading 4 no colspan this time
Heading 5 Row 2 Col 2 Row 2 Col 3

As you can see, it's the cell separator before a cell which decides about the formatting:

|              ^ Heading 1            ^ Heading 2          ^
^ Heading 3    | Row 1 Col 2          | Row 1 Col 3        |
^ Heading 4    | no colspan this time |                    |
^ Heading 5    | Row 2 Col 2          | Row 2 Col 3        |

You can have rowspans (vertically connected cells) by adding ::: into the cells below the one to which they should connect.

Heading 1 Heading 2 Heading 3
Row 1 Col 1 this cell spans vertically Row 1 Col 3
Row 2 Col 1 ::: Row 2 Col 3
Row 3 Col 1 ::: Row 2 Col 3

Apart from the rowspan syntax those cells should not contain anything else.

^ Heading 1      ^ Heading 2                  ^ Heading 3          ^
| Row 1 Col 1    | this cell spans vertically | Row 1 Col 3        |
| Row 2 Col 1    | :::                        | Row 2 Col 3        |
| Row 3 Col 1    | :::                        | Row 2 Col 3        |

You can align the table contents, too. Just add at least two whitespaces at the opposite end of your text: Add two spaces on the left to align right, two spaces on the right to align left and two spaces at least at both ends for centered text.

Table with alignment
right center left
left right center
xxxxxxxxxxxx xxxxxxxxxxxx xxxxxxxxxxxx

This is how it looks in the source:

^           Table with alignment           ^^^
|         right|    center    |left          |
|left          |         right|    center    |
| xxxxxxxxxxxx | xxxxxxxxxxxx | xxxxxxxxxxxx |

Note: Vertical alignment is not supported.

No Formatting

If you need to display text exactly like it is typed (without any formatting), enclose the area either with <nowiki> tags or even simpler, with double percent signs %%.

This is some text which contains addresses like this: http://www.splitbrain.org and **formatting**, but nothing is done with it. The same is true for //__this__ text// with a smiley ;-).

<nowiki>
This is some text which contains addresses like this: http://www.splitbrain.org and **formatting**, but nothing is done with it.
</nowiki>
The same is true for %%//__this__ text// with a smiley ;-)%%.

Code Blocks

You can include code blocks into your documents by either indenting them by at least two spaces (like used for the previous examples) or by using the tags <code> or <file>.

This is text is indented by two spaces.
This is preformatted code all spaces are preserved: like              <-this
This is pretty much the same, but you could use it to show that you quoted a file.

Those blocks were created by this source:

  This is text is indented by two spaces.
<code>
This is preformatted code all spaces are preserved: like              <-this
</code>
<file>
This is pretty much the same, but you could use it to show that you quoted a file.
</file>

Syntax Highlighting

DokuWiki can highlight sourcecode, which makes it easier to read. It uses the GeSHi Generic Syntax Highlighter -- so any language supported by GeSHi is supported. The syntax uses the same code and file blocks described in the previous section, but this time the name of the language syntax to be highlighted is included inside the tag, e.g. <code java> or <file java>.

/**
 * The HelloWorldApp class implements an application that
 * simply displays "Hello World!" to the standard output.
 */
class HelloWorldApp {
    public static void main(String[] args) {
        System.out.println("Hello World!"); //Display the string.
    }
}

The following language strings are currently recognized: 4cs 6502acme 6502kickass 6502tasm 68000devpac abap actionscript3 actionscript ada aimms algol68 apache applescript apt_sources arm asm asp asymptote autoconf autohotkey autoit avisynth awk bascomavr bash basic4gl batch bf biblatex bibtex blitzbasic bnf boo caddcl cadlisp ceylon cfdg cfm chaiscript chapel cil c_loadrunner clojure c_mac cmake cobol coffeescript c cpp cpp-qt cpp-winapi csharp css cuesheet c_winapi dart dcl dcpu16 dcs delphi diff div dos dot d ecmascript eiffel email epc e erlang euphoria ezt f1 falcon fo fortran freebasic freeswitch fsharp gambas gdb genero genie gettext glsl gml gnuplot go groovy gwbasic haskell haxe hicest hq9plus html html4strict html5 icon idl ini inno intercal io ispfpanel java5 java javascript jcl j jquery julia kixtart klonec klonecpp kotlin latex lb ldif lisp llvm locobasic logtalk lolcode lotusformulas lotusscript lscript lsl2 lua m68k magiksf make mapbasic mathematica matlab mercury metapost mirc mk-61 mmix modula2 modula3 mpasm mxml mysql nagios netrexx newlisp nginx nimrod nsis oberon2 objc objeck ocaml-brief ocaml octave oobas oorexx oracle11 oracle8 oxygene oz parasail parigp pascal pcre perl6 perl per pf phix php-brief php pic16 pike pixelbender pli plsql postgresql postscript povray powerbuilder powershell proftpd progress prolog properties providex purebasic pycon pys60 python qbasic qml q racket rails rbs rebol reg rexx robots roff rpmspec rsplus ruby rust sas sass scala scheme scilab scl sdlbasic smalltalk smarty spark sparql sql sshconfig standardml stonescript swift systemverilog tclegg tcl teraterm texgraph text thinbasic tsql twig typoscript unicon upc urbi uscript vala vbnet vb vbscript vedit verilog vhdl vim visualfoxpro visualprolog whitespace whois winbatch wolfram xbasic xml xojo xorg_conf xpp yaml z80 zxbasic

There are additional advanced options available for syntax highlighting, such as highlighting lines or adding line numbers.

Downloadable Code Blocks

When you use the <code> or <file> syntax as above, you might want to make the shown code available for download as well. You can do this by specifying a file name after language code like this:

<file php myexample.php>
<?php echo "hello world!"; ?>
</file>
<?php echo "hello world!"; ?>

If you don't want any highlighting but want a downloadable file, specify a dash (-) as the language code: <code - myfile.foo>.

Embedding HTML and PHP

You can embed raw HTML or PHP code into your documents by using the <html> or <php> tags. (Use uppercase tags if you need to enclose block level elements.)

HTML example:

<html>
This is some <span style="color:red;font-size:150%;">inline HTML</span>
</html>
<HTML>
<p style="border:2px dashed red;">And this is some block HTML</p>
</HTML>

This is some inline HTML


And this is some block HTML

PHP example:

<php>
echo 'The PHP version: ';
echo phpversion();
echo ' (generated inline HTML)';
</php>
<PHP>
echo '<table class="inline"><tr><td>The same, but inside a block level element:</td>';
echo '<td>'.phpversion().'</td>';
echo '</tr></table>';
</PHP>

echo 'The PHP version: '; echo phpversion(); echo ' (inline HTML)';

echo '<table class="inline"><tr><td>The same, but inside a block level element:</td>';
echo '<td>'.phpversion().'</td>';
echo '</tr></table>';

Please Note: HTML and PHP embedding is disabled by default in the configuration. If disabled, the code is displayed instead of executed.

RSS/ATOM Feed Aggregation

DokuWiki can integrate data from external XML feeds. For parsing the XML feeds, SimplePie is used. All formats understood by SimplePie can be used in DokuWiki as well. You can influence the rendering by multiple additional space separated parameters:

Parameter Description
any number will be used as maximum number items to show, defaults to 8
reverse display the last items in the feed first
author show item authors names
date show item dates
description show the item description. If HTML is disabled all tags will be stripped
nosort do not sort the items in the feed
n[dhm] refresh period, where d=days, h=hours, m=minutes. (e.g. 12h = 12 hours).

The refresh period defaults to 4 hours. Any value below 10 minutes will be treated as 10 minutes. DokuWiki will generally try to supply a cached version of a page, obviously this is inappropriate when the page contains dynamic external content. The parameter tells DokuWiki to re-render the page if it is more than refresh period since the page was last rendered.

By default the feed will be sorted by date, newest items first. You can sort it by oldest first using the reverse parameter, or display the feed as is with nosort.

Example:

{{rss>http://slashdot.org/index.rss 5 author date 1h }}

[5 author date 1h]

Control Macros

Some syntax influences how DokuWiki renders a page without creating any output it self. The following control macros are availble:

Macro Description
~~NOTOC~~ If this macro is found on the page, no table of contents will be created
~~NOCACHE~~ DokuWiki caches all output by default. Sometimes this might not be wanted (eg. when the <php> syntax above is used), adding this macro will force DokuWiki to rerender a page on every call

Syntax Plugins

DokuWiki's syntax can be extended by Plugins. How the installed plugins are used is described on their appropriate description pages. The following syntax plugins are available in this particular DokuWiki installation:

~~INFO:syntaxplugins~~

  1. This is a footnote
  2. when the aspect ratio of the given width and height doesn't match that of the image, it will be cropped to the new ratio before resizing