Codes de mise en forme (markdown, html, bbcode)

[Steven]

iunctis.fr et Discourse en général utilisent plusieurs types de langages de mise en forme. Cela va du langage Markdown (utilisé sur reddit par exemple), html (langage principal des sites internet) ou les BBcodes (des forums anciennes générations comme phpBB, IPB, etc.).

Voici un listing des codes utilisables sur ce forum :

Fonctions basiques

---

• Mettre en gras

• **Texte** / __Texte__

• <b>Texte</b> / <strong>Texte</strong>

• [b]Texte[/b]

• Mettre en italique

• *Texte* / _Texte_

• <i>Texte</i>

• [i]Texte[/i]

• Surligner

• [u]Texte[/u]

• Barrer

• [s]Texte[/s]

• Surligner

• [su]Texte[/su]

• Colorer un texte

• [color=red]Texte[/color] / [color=#FF3300]Texte[/color]

• <font color=red>Texte</font>

• Ajouter une URL

• [Titre du lien](lien)

• <a href="lien">Titre du lien</a>

• [url=lien]Titre du lien[/url]

• Ajouter une image

• Mettez le lien de l’image seul sur une ligne

• <img src="lien">

• [img]lien[/img]

• Barre verticale

• ---------- / _________ (seul sur une ligne)

• <hr>

• Flouter un texte (fonctionne aussi pour les images)

• [spoiler]Texte[/spoiler]

## Titres, sous-titres, tailles du texte

---

• Balises titres (hiérarchisation) : pour aider au référencement, un système de hiérarchisation des titres a été mis en place sur Internet.

• <h1>Titre</h1> / # Titre pour le titre principal

• <h2>Titre</h2> / ## Titre pour le sous-titre ou les titres de chapitres

• <h3>Titre</h3> / ### Titre pour les sous-rubriques ou des titres mineurs.

• etc.

• Taille du texte

• [size=7]Texte[/size] taille maximale autorisée

• [size=6]Texte[/size]

• [size=5]Texte[/size]

• [size=4]Texte[/size]

• [size=3]Texte[/size]

• Texte de taille normale entre 2 et 3

• [size=2]Texte[/size]

• [small]Texte[/small] / [size=1]Texte[/size]

## Alignement, positionnement

---

• Centrer

• <div align="center">Texte ou image</div>

• [center]Texte[/center]

• Aligner à droite

• <div align="right">Texte ou image</div>

• [right]Texte[/right]

• Justifier un texte

• <div align="justify">Texte ou image</div>

• [justify]Texte[/justify]

• Élément flottant (float) : permet de placer un élément à gauche ou à droite de votre paragraphe principal pour une meilleure utilisation de l’espace.

• [floatl]Texte ou image[/floatl] pour un élément placé à gauche

• [floatr]Texte ou image[/floatr] pour un élément placé à droite

## Fonctions plus complexes

---

• Cacher du texte

• <details><summary>Texte visible</summary>Texte caché</details>

• [details=Texte visible]Texte caché[/details]

• Redimensionner une image

• <img src="lien image" width="500" height="500" /> width correspond à la largeur en pixels, height à la hauteur, en pixels.

• Créer un ancrage (consultez le guide dédié pour plus d’explications)

• [**Texte**](#Ancre) point d’ancrage 1

• <a name="Ancre"></a> destination de l’ancre

## Détails sur diverses fonctions

---

Deux guides vous font découvrir plus en détails des fonctions évoquées ici. Le guide que vous venez de consulter avait avant tout pour but de faire un listing complet.

Les bases de l'éditeur de texte

Vous débarquez sur iunctis, sûrement un peu déboussolé. On s’en rend bien compte. Dans cet espace, je vais vous aider à utiliser l’éditeur de texte. Il est simple d’utilisation, mais demande parfois un peu de temps à bien prendre en main.

L'éditeur de texte. Niveau avancé

Maintenant que vous avez l’éditeur de texte bien en main pour tout ce qui est basique, je vais vous présenter quelques petites fonctions plus « avancées ». Bien peu d’entre vous vont en avoir l’utilité, mais on a décidé de vous en présenter quelques unes quand même. Changer les dimensions d’une image On commence par ouvrir une nouvelle balise HTML. <> On précise ensuite l’attribut, dans ce cas, une image <img> Et l’emplacement de l’image, grâce à « src » <img src="lien de l'image"> M…

Créer un sommaire (ancrage)

Sur iunctis, on aime parfois créer des sujets très denses, avec une présentation détaillée et ordonnée. Avec Discourse, il est possible de créer un sommaire au sein même d’un message pour permettre de vous amener à un endroit précis. Façon répertoire, sommaire ou pour chapitrer un récit, vous pouvez adapter cette fonction appelée ancrage en html de toutes les façons que vous souhaitez. Voici un guide pour l’utiliser. 1. Créer le sommaire Le plus simple est de préparer son sommaire, quels so…

[Tyler]

Rapide, propre, efficace.

[Steven]

Rapide c’est mon crédo.

Le reste, moins

[skap]

@Steven

Rapide c’est mon crédo.