titre
Dans ce premier paragraphe, nous testons les bases de la mise en forme textuelle. Il est désormais très facile de forcer un mot en gras ou de passer un segment de phrase en italique pour attirer l'attention. On peut également marquer une modification en appliquant un style souligné ou indiquer qu'un élément est obsolète en le rendant barré. Tout cela reste parfaitement intégré au texte sans alourdir le fichier source Markdown.
Pour la gestion des dimensions et des volumes de police, vos nouvelles classes offrent une flexibilité immédiate. On peut rédiger des notes de bas de page ou des mentions légales en taille minuscule ou en taille légèrement réduite, tandis que pour mettre en avant un mot important, il suffit de basculer sur une taille grande, très grande ou même géante selon l'impact visuel recherché dans le document.
Enfin, l'application des couleurs et des arrière-plans dynamise instantanément la lecture. On peut signaler une alerte en rouge, une validation en vert, ou une information système en bleu. Les surlignages de texte fonctionnent à merveille en combinant les propriétés de fond, comme pour cette section sur fond jaune ou ce texte blanc sur fond vert.
Validation dans un bloc
Même à l'intérieur d'une boîte de message, la syntaxe en ligne fonctionne ! Nous pouvons mettre un mot en rouge et gras très facilement.
Grand titre
Contenu
Tests parseCustomMarkdown
1. Bloc simple avec classes multiples
Contenu simple
2. Bloc avec data-x et data-y
Bloc avec deux data
3. Bloc avec onclick → alert(x,y) auto
Clique ici pour afficher les valeurs
4. Bloc avec id + data-x + data-y + onclick
Bloc complet avec id et onclick
5. Bloc avec plusieurs data-*
Bloc avec plusieurs data
7. Inline
texte rouge
9. Bloc avec contenu Markdown interne
Titre interne
Du texte markdown ici.
10. Bloc vide mais avec un espace
Bloc vide mais avec un espace
11. Bloc avec classes + attributs mélangés
Bloc avec classes + attributs
### Titre h3
Ceci refonctionne
Titre h3
<h3>Titre interne</h3>
<p>Du texte <strong>markdown</strong> ici.</p>
Titre interne
Du texte markdown ici
Titre h3
Tests parseCustomMarkdown — version JavaScript libre
1. Bloc simple avec classes multiples
Contenu simple
2. Bloc avec data-x et data-y
Bloc avec deux data
3. Bloc avec onclick libre (alert)
Clique ici pour afficher les valeurs
4. Bloc avec onclick libre (console.log)
Bloc avec console.log
5. Bloc avec plusieurs data-* + onclick libre
Bloc avec plusieurs data
7. Inline — classes automatiques
texte avec classes automatiques
8. Inline — classes + attributs
texte rouge
11. Bloc avec contenu Markdown interne
Titre interne
Du texte markdown ici.
12. Bloc vide (test du cas sans contenu)
Bloc vide mais cliquable
13. Bloc avec classes attributs mélangés
Bloc avec classes attributs
Clique ici
Tests onclick — exemples à tester
1. Alert simple
Clique ici pour un alert simple
2. Alert avec dataset
Clique ici pour afficher les data-*
3. Appel d’une fonction JS globale
Clique ici pour appeler maFonctionGlobale()
4. Changer la couleur au clic
Clique ici pour devenir jaune
5. Ajouter une classe au clic
Clique ici pour ajouter la classe .active
6. Console.log pour debug
Clique ici pour console.log()
7. Inline avec onclick
texte inline cliquable
8. Inline avec dataset
inline dataset
Tests onclick — page complète
1. Alert simple
Clique ici pour un alert simple
2. Alert avec dataset
Clique ici pour afficher les data-*
3. Appel d’une fonction JS globale
Clique ici pour appeler maFonctionGlobale()
4. Changer la couleur au clic
Clique ici pour devenir jaune
5. Ajouter une classe au clic
Clique ici pour ajouter la classe .active
6. Console.log pour debug
Clique ici pour console.log()
7. Inline — alert simple
texte inline cliquable
8. Inline — dataset
inline dataset
9. Inline — ajout de classe
toggle active
10. Inline — console.log
inline debug
11. Bloc — dataset complet JSON
Clique ici pour afficher tout le dataset en JSON
12. Bloc — appel d’une fonction JS locale
Clique ici pour appeler maFonctionLocale()
13. Bloc — changement de style avancé
Clique ici pour changer le style du bloc
14. Bloc — toggle de visibilité
Clique ici pour cacher / montrer ce bloc
15. Bloc — message formaté
Clique ici pour message formaté