Guide Markdown

Référence rapide de la syntaxe Markdown dans les notes PlainApp — titres, listes, tableaux, blocs de code et plus.

Titres

Ajoutez # en début de ligne — le nombre de # définit le niveau, de 1 (le plus grand) à 6 (le plus petit). Laissez une ligne vide avant et après un titre.

Markdown
# Heading level 1
## Heading level 2
### Heading level 3
#### Heading level 4
##### Heading level 5
###### Heading level 6
Résultat

Heading level 1

Heading level 2

Heading level 3

Heading level 4

Heading level 5
Heading level 6

Astuce: Le bouton Titre de la barre d'édition PlainApp les insère pour vous.

Paragraphes et sauts de ligne

Séparez les paragraphes par une ligne vide. Pour aller à la ligne dans un paragraphe, terminez la ligne par une barre oblique inversée.

Markdown
First paragraph.

Second paragraph.
Résultat

First paragraph.

Second paragraph.

Markdown
Line one\
Line two
Résultat

Line one
Line two

Gras et italique

Entourez le texte de deux astérisques pour le gras, d'un seul pour l'italique. Deux tildes produisent du texte barré.

Markdown
**bold text**
Résultat

bold text

Markdown
*italic text*
Résultat

italic text

Markdown
~~struck through~~
Résultat

struck through

Markdown
**bold and *nested italic***
Résultat

bold and nested italic

Listes

Commencez une ligne par - pour une puce ou 1. pour une liste numérotée. Indentez avec des espaces pour imbriquer. Utilisez - [ ] pour une case à cocher et - [x] une fois faite.

Markdown
- One
- Two
- Three
Résultat
  • One
  • Two
  • Three
Markdown
1. First
2. Second
3. Third
Résultat
  1. First
  2. Second
  3. Third
Markdown
- [ ] Buy milk
- [x] Write the note
Résultat
  • Buy milk
  • Write the note
Markdown
- Fruit
  - Apple
  - Banana
- Vegetable
Résultat
  • Fruit
    • Apple
    • Banana
  • Vegetable

Citations et encadrés

Commencez une ligne par > pour citer. Dans PlainApp, > [!note] transforme le bloc en encadré.

Markdown
> This is a blockquote.
Résultat

This is a blockquote.

Markdown
> [!note] Heads up
> This renders as a callout box in PlainApp.
Résultat

[!note] Heads up This renders as a callout box in PlainApp.

Code

Entourez le code en ligne d'accents graves. Utilisez trois accents graves pour un bloc de code, en précisant le langage pour la coloration syntaxique.

Markdown
Use `inline code` for short snippets.
Résultat

Use inline code for short snippets.

Markdown
```js
console.log("hello");
```
Résultat
console.log("hello");

Astuce: Le bouton Code de la barre d'édition insère du code en ligne et des blocs de code.

Images

Comme un lien avec un point d'exclamation devant : ![texte alternatif](URL de l'image).

Markdown
![PlainApp logo](/plainapp.svg)
Résultat

PlainApp logo

Tableaux

Construisez un tableau avec des barres verticales

Markdown
| Left | Center | Right |
|:-----|:------:|------:|
| a    | b      | c     |
| d    | e      | f     |
Résultat
Left Center Right
a b c
d e f

Astuce: Le bouton Tableau de la barre d'édition insère un squelette de tableau vide.

Lignes horizontales

Trois tirets, astérisques ou underscores seuls sur une ligne créent un séparateur. Laissez une ligne vide au-dessus, sinon la ligne précédente devient un titre.

Markdown
First section.

---

Second section.
Résultat

First section.


Second section.

Échapper les caractères

Faites précéder d'une barre oblique inversée les caractères que Markdown formaterait sinon, comme * _ # ou l'accent grave.

Markdown
\*not italic\*
Résultat

*not italic*

Markdown
\# not a heading
Résultat

# not a heading

HTML en ligne

PlainApp affiche aussi quelques balises HTML dans les notes : soulignement, surlignage, texte coloré et détails pliables.

Markdown
<u>underlined text</u>
Résultat

underlined text

Markdown
<mark>highlighted text</mark>
Résultat

highlighted text

Markdown
<font color="#8b5cf6">colored text</font>
Résultat

colored text

Markdown
<details>
<summary>Click to expand</summary>
Hidden content here.
</details>
Résultat
Click to expand Hidden content here.

Maths et plus

Exposant x^2^, indice H~2~O, maths en ligne $E = mc^2$, blocs mathématiques avec $$, notes de bas de page [^1] et %% commentaires %% invisibles.

Markdown
x^2^ + y^3^
Résultat

x^2^ + y^3^

Markdown
H~2~O
Résultat

H2O

Markdown
Inline math $E = mc^2$ and a block:
$$
a^2 + b^2 = c^2
$$
Résultat

Inline math $E = mc^2$ and a block: $$ a^2 + b^2 = c^2 $$

Markdown
See the footnote[^1] for details.

[^1]: This is the footnote text.
Résultat

See the footnote[^1] for details.

[^1]: This is the footnote text.

Markdown
%% This comment stays hidden in PlainApp %%
Résultat

%% This comment stays hidden in PlainApp %%

Astuce: Dans les notes PlainApp, maths, notes de bas de page et encadrés s'affichent en blocs riches ; la colonne Résultat ici montre le rendu web simple.