Mise en forme des messages

[fdufnews]

Mise en forme

Quelques petits trucs pour mettre en formes les messages

Paragraphes

Faire précéder le titre du paragraphe d'un, deux, trois ou plus #
Saisie

Titre
=====
# Paragraphe niveau 1
## Paragraphe niveau 2
### Paragraphe niveau 3
# Paragraphe niveau 1

Affichage

Titre

Paragraphe niveau 1

Paragraphe niveau 2

Paragraphe niveau 3

Paragraphe niveau 1

Barre de séparation

<hr>

---

Tableaux

Dans la seconde ligne, les : indique l'alignement
Saisie

| column1 | column2 | column3 | column4 | 
| :---: | :--- | ---: | :---: |
| row1 col1| row1 col2| row1 col2| row1 col4|
| centered| left aligned| right aligned| row2 col4|
| row3 col1| row3 col2| row3 col2| row3 col4|

Affichage

column1	column2	column3	column4
row1 col1	row1 col2	row1 col2	row1 col4
centered	left aligned	right aligned	row2 col4
row3 col1	row3 col2	row3 col2	row3 col4

---

Listes

Saisie

- item 1
- item 2
   - item2.1
   - item2.2
      - item2.2.1
- item3

Affichage

• item 1
• item 2
  • item2.1
  • item2.2
    • item2.2.1
• item3

Saisie

1. item 1
1. item 2
   1. item2.1
   1. item2.2
      1. item2.2.1
1. item3

Affichage

1. item 1
2. item 2
   1. item2.1
   2. item2.2
      1. item2.2.1
3. item3

---

Mise en forme

Saisie	Affichage
**This is bold text**	This is bold text
*This is italic text*	This is italic text
~~Strikethrough~~	Strikethrough
[b]strong[/b]	strong
[i]emphasis[/i]	emphasis
[u]underlined[/u]	underlined
[s]strikethrough[/s]	strikethrough
H<sub>2</sub>O	H2O
10<sup>5</sup>	105
<kbd>`<code/>`</kbd>	<code/>
<kbd>ctrl</kbd><kbd>T</kbd>	ctrlT
> citation	> citation
insert `code inline`	insert code inline

---

Repliement de texte

Saisie

[details="Exemple (click to expand) :"]
Texte
Texte
[/details]

Affichage

Exemple (click to expand) :

Texte
Texte

---

Symboles pour dessiner

┏ ┓ ┗ ┛ ▂ ▁ ┃ ╹ ╻ ◎ ▣ ▩ ▒ ▓ └ ┘ ┌ ┐ ┬ ┴ ┼ ├ ┤ ─ │

Mettre le dessin entre balises code

                ┌───────┐
 out UNO ▩──────┤       ├─────┬────> in DUE
                └───────┘     │
                  2.2kΩ      ┌┴┐
                             │ │
                       3.3kΩ │ │
                             └┬┘
                              │
                             ─┴─
                             \\\

[J-M-L]

Joli résumé

On peut aussi mettre du texte en couleur avec la balise color

[color=red]Ceci est en rouge[/color]
[color=orange]Ceci est en orange[/color]
[color=yellow]Ceci est en jaune[/color]
[color=green]Ceci est en vert[/color]
[color=blue]Ceci est en bleu[/color]
[color=indigo]Ceci est en indigo[/color]
[color=violet]Ceci est en violet[/color]

Ceci est en rouge
Ceci est en orange
Ceci est en jaune
Ceci est en vert
Ceci est en bleu
Ceci est en indigo
Ceci est en violet

(Et Petite typo dans les tableaux ce sont les : pour l’alignement)

[68tjs]

Super.

Je connaissais quelques "trucs", je viens d'en découvrir de nombreux autres.

Merci

[fdufnews]

@J-M-L

Joli résumé

Merci

@J-M-L

dans les tableaux ce sont les : pour l’alignement

Oups, un ajout après coup sans relecture.

[dfgh]

[J-M-L]

à noter aussi que l'on peut utiliser un sous ensemble du HTML

par exemple si je tape

<table style="border: 3px double">
  <colgroup><col><col><col></colgroup>
  <tr>
    <th>Colonne 1</th>
    <th>Colonne 2</th>
    <th>Colonne 3</th>
  </tr>
  <tr>
    <td>Texte 1</td>
    <td>Texte 2</td>
    <td>Texte 3</td>
  </tr>
  <tr>
    <td>Autre texte</td>
    <td>Encore du texte</td>
    <td>Plus de texte</td>
  </tr>
</table>

j'obtiens aussi un tableau (mais la taille des colonnes et autres attributs ne fonctionnent pas)

Colonne 1	Colonne 2	Colonne 3
Texte 1	Texte 2	Texte 3
Autre texte	Encore du texte	Plus de texte

et on peut utiliser aussi quelques commandes de BBCode en plus de markdown

et il y a d'autres attributs pour la mis en avant (highlight)

<mark>CE TEXTE EST MIS EN AVANT</mark>

➜ CE TEXTE EST MIS EN AVANT

cf la doc

Formatting posts using markdown, BBCode, and HTML

[pandaroux007]

Pour la barre de séparation, on peut aussi utiliser trois tirets du bas, comme ceci :

___

ce qui donne

---

Ah, et aussi, pour faire référence à une section du forum on peut utiliser le #... Par exemple pour la catégorie francophone #international:francais ça donne : International > Français

@jfs Peut-être un lien vers le tuto de @fdufnews à ajouter aux bonnes pratiques ?

Cordialement,
Pandaroux007