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é