Syntaxe Markdown

YesWiki dans sa version Doryphore intègre une bibliothèque Markdown.
Afin d'utiliser la syntaxe markdown vous devez utiliser les balises suivantes :

""<div class="markdown"> votre markdown ici </div>""

Mémo syntaxe Markdown

| | |**Markdown** |**Rendu** | | Titre 1 | %%# Titre 1%% |""<div class="markdown"> # Titre 1 </div>"" | | Titre 2 | %%## Titre 2%% |""<div class="markdown"> ## Titre 2 </div>"" | | Titre 3 | %%### Titre 3%% |""<div class="markdown"> ### Titre 3 </div>"" | | Gras | %%Un peu de **texte en gras**%% |""<div class="markdown"> Un peu de **texte en gras** </div>"" | | Italique | %%Un peu de *texte en italique*%% |""<div class="markdown"> Un peu de *texte en gras* </div>"" | | Citation |%% > Laurent. > YesWiki c'est génial? > Les autres. > C'est bon on a compris !!!! %% |""<div class="markdown"> > Laurent. > YesWiki c'est génial? > Les autres. > C'est bon on a compris !!!! </div>"" | | Liste |%% * Lait * Oeuf * Fromage * Fourme * Langres * Jambon %% |""<div class="markdown"> * Lait * Oeuf * Fromage * Fourme * Langres * Jambon </div>"" | | Liste ordonnée |%% 1. Introduction 2. Acte 1 3. Acte 2 1. Scène 1 2. Scène 2 4. Acte 3 %% |""<div class="markdown"> 1. Introduction 2. Acte 1 3. Acte 2 1. Scène 1 2. Scène 2 4. Acte 3 </div>"" | | Code Source | %%Voilà du `JavaScript()`%% |""<div class="markdown"> Voilà du `JavaScript()` </div>""| | Bloc de code |%% Voilà un peu de code en JavaScript : ``` function bonjour() { alert('Bonjour'); } ``` Le langage est normalement détecté automatiquement, mais vous pouvez aussi le spécifier: ```sql SELECT * FROM users; DELETE FROM sessions; ```%% |""<div class="markdown"> Voilà un peu de code en JavaScript : ``` function bonjour() { alert('Bonjour'); } ``` Le langage est normalement détecté automatiquement, mais vous pouvez aussi le spécifier: ```sql SELECT * FROM users; DELETE FROM sessions; ```</div>"" | | Texte sans formatage |%% Indentez avec une tabulation ou 4 espaces pour que le texte ne soit pas formatté. Ce texte ne sera pas formatté !%% |""<div class="markdown"> Indentez avec une tabulation ou 4 espaces pour que le texte ne soit pas formatté. Ce texte ne sera pas formatté ! </div>""| | Lien Hypertexte |%% Ceci est détecté comme un lien: https://yeswiki.net Et ceci est un lien avec un texte ancré : [YesWiki

Et ceci est un lien avec un texte ancré
et un texte en survol :

YesWiki

|""<div class="markdown"> 
Ceci est détecté comme un lien:

https://yeswiki.net

Et ceci est un lien avec un texte ancré :

[YesWiki](https://yeswiki.net)

Et ceci est un lien avec un texte ancré 
et un texte en survol :

[YesWiki](https://yeswiki.org "Page d'accueil de YesWiki")  </div>""|
| Images   |

Icône YesWiki

|""<div class="markdown"> ![Icône YesWiki](https://frama.link/YesWiki)   </div>""|
|Ligne Horizontale   |

Une ligne :
ou Une autre ligne : ---%% |""

Une ligne :
ou
Une autre ligne :

</div> | |] =====Tableaux===== Les tableaux sont créés en utilisant des pipes | et des traits d'union -. Voici un tableau en Markdown : %% | Mardi | Mercredi | | ------------- | ------------- | | Laurent | Jérémie | | Sébastian | Romain | %% Et voici le rendu : <div class="markdown">
| Mardi | Mercredi |
|

|

| | Laurent | Jérémie |
| Sébastian | Romain |
</div><style>table, th, td {

border: 1px solid black;

}</style> Notez qu'il faut au moins trois caractères de séparation dans chaque cellule titre. La ligne 2 peut être utilisée pour aligner les colonnes: %% | Ce Tableau | Est | Cool | | -------------- |:----------------:| ---------------:| | col 3 est | alignée à droite | Doryphore | | col 2 est | centrée | Cercopithèque | %% Et voici le rendu : <div class="markdown">
| Ce Tableau | Est | Cool |
|

|:

:|

:| | col 3 est | alignée à droite | Doryphore |
| col 2 est | centrée | Cercopithèque |
</div><style>table, th, td {

border: 1px solid black ;;

}
table{width: 50%}
</style>""