Demo text-grey
Haut de page
Image
Demo uppercase-grey
Page de test du rendu de la classe éditoriale text-grey sur h2 / h3 / p.
Demo text-grey
1. Rendu uppercase-grey — élément entier (normal vs classe)
Chaque balise est affichée deux fois : version normale, puis avec la classe uppercase-grey (gris clair + majuscules).
H2 — normal
H2 — avec uppercase-grey
H3 — normal
H3 — avec uppercase-grey
P — normal : texte de paragraphe courant, pour comparer la casse et la couleur.
P — avec uppercase-grey : texte de paragraphe courant, pour comparer la casse et la couleur.
2. Usage partiel (span au milieu du texte)
Comportement réel dans CKEditor : la classe s'applique à la sélection (span inline), comme dark-blue.
Titre avec un segment uppercase-grey au milieu
Sous-titre avec un segment uppercase-grey au milieu
Paragraphe avec un passage uppercase-grey et un passage dark-blue côte à côte pour comparer les deux classes éditoriales.
Image
3. Validation du filtre basic_html
H2 saisi en basic_html
Contenu saisi en basic_html : le span uppercase-grey doit survivre au filtre (il a été ajouté à allowed_html sur <span>, comme dark-blue).