Demo text-grey Back to top
pattern

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.

pattern

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).