Ajout de CSS à l'aperçu de l'éditeur

[FroggyC]

Continuant la discussion de Listes ordonnées avec des marqueurs autres que des chiffres :

Citations de l’autre fil pour le contexte.

@Falco

Ajoutez un wrapper à ces listes et du CSS

Dans les posts, utilisez :

[wrap="letterlist"]
1. est le premier
2. est le deuxième.
3. est le troisième
[/wrap]

Dans votre thème, ajoutez :

.cooked div[data-wrap="letterlist"]
  list-style: upper-alpha;
}

@FroggyC

J’ai essayé d’utiliser cette solution et elle fonctionne, en corrigeant le CSS comme suit (la première ligne manquait d’un ol {) :

.cooked div[data-wrap="letterlist"] ol {
  list-style: upper-alpha;
}

Cependant, je n’arrive pas à le faire apparaître dans la fenêtre d’aperçu de l’éditeur, ce qui va poser un problème pour la plupart de mes utilisateurs. J’ai essayé d’inspecter avec le navigateur web, et il semble que le CSS personnalisé ne soit pas chargé ou appliqué à l’aperçu (je ne suis pas un professionnel, donc je pourrais me tromper).

Avez-vous une idée pour résoudre ce problème, @Falco ?

---

Ce que je demande dans ce fil est : y a-t-il un moyen d’ajouter du CSS personnalisé qui soit également appliqué à l’aperçu de l’éditeur ?

[FroggyC]

Je l’ai trouvé par moi-même. La solution consiste à utiliser la classe CSS .d-editor-preview comme sélecteur.

.cooked, .d-editor-preview {
  div[data-wrap="letterlist"] {
    ul, ol {
      list-style-type: upper-alpha;
    }
  }
}

[Falco]

C’est comme ça. Le précédent était spécifique au post tel qu’il apparaît dans le flux, vous l’avez étendu pour qu’il s’applique également à la zone d’aperçu, c’est donc la bonne solution en effet.

[FroggyC]

Merci, Falco.

[FroggyC]

@Falco, si je voulais styliser différemment les couches de listes plus profondément imbriquées, serait-ce un niveau imbriqué supplémentaire de ol ?

[system (system) A fermé ce sujet ()]

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.