Résolue

Problème de couleur avec highlight.js

# Résolution d'erreurs # JavaScript # HTML

Bonjour,

j'ai un probleme avec la fonction hljs.highlightAll(); la couleur ne fonctionne pas

j'ai bien mis dans html <link href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/default.min.css" rel="stylesheet"/>

Et l'autre `<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>`

Gabriel Trouvé

Mentor

Re :)

Il faudrait vérifier que ton CSS est bien chargé en inspectant la page avec les outils de développement.

Si tout est correct, essayes d'appeler hljs.highlightAll(); après que la page soit entièrement chargée (à la fin du body) :

...
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>
<script>
  hljs.highlightAll();
</script>

Sinon, essayes un autre thème CSS pour voir si le problème vient du style choisi.

A bientôt ^^

Thibault houdon

Mentor

Vérifie également que tu appelles bien la fonction au bon moment (après que le message soit généré).

Bonjour,
le code erreur de la console ci dessous

Thibault houdon

Mentor

Il semble que quand tu appelles la fonction la librairie n'est pas encore chargée.

Comme tu peux le voir dans la vidéo de la formation, je n'utilise highlight js qu'après la génération de la réponse. Tous les éléments sont donc chargés car la page est déjà chargée et le message aussi.
Vidéo formation

Il faudrait voir dans ton script à quel moment tu appelles la fonction.

Thibault houdon

Mentor

Bonjour,

Donc effectivement tu as le highlightAll à deux endroits, ça n'est pas nécessaire et ça provoque une erreur car tu utilises hljs avant de l'initialiser (tu mets le tag `<script></script>

bonjour, j'ai enlevé mais ça persiste le problème, le gpt est de couleur noir foncé lors du calcul?

Est-ce que tu as mis le highlight JS à l'endroit que je montre dans la vidéo après la génération de la réponse ?

Bonjour oui excatement

le script 11.02 fonctionne mais le scrip 11.09 recent ne fonctionne pas à savoir.

J'ai trouvé ouf, car je me suis trompé sur la majuscule du ALL et j'ai corrigé en mettant All
par la pratique on a avance .

merci

La moindre faute ne pardonne pas en effet, bravo d'avoir trouvé 💪
Bonne continuation :)

Inscris-toi

(c'est gratuit !)

Inscris-toi

Tu dois créer un compte pour participer aux discussions.

Créer un compte

Rechercher sur le site

Formulaire de contact

Inscris-toi à Docstring

Pour commencer ton apprentissage.

Tu as déjà un compte ? Connecte-toi.