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é