Prism - <code> qui ne possède pas de classe

heraclys

16 Dec 2020 à 11:26

Bonjour,

Prism permet la colorisation syntaxique des balises <pre> et <code> avec une classe spéciale en html. Cependant, dans mon forum, si un utilisateur n'indique aucun language, la balise <code> ne possèdera pas de classe et donc son code ne sera pas du tout stylisé.

J'ai cherché dans les plugins mais je n'ai pas l'impression qu'il y en est un pour régler ce petit souci. Auriez-vous une solution pour résoudre ce problème ?

En espérant que vous pourrez m'aider Smiley smile

heraclys

16 Dec 2020 à 11:33

Bonne nouvelle, j'ai trouvé une solution avec 2 pauvres ligne de javascript :

    if (document.querySelector("code").classList.length == 0) {
      document.querySelector("code").classList.add("language-markup");
    }

ça fait l'affaire ^^

stryk

16 Dec 2020 à 12:45

Hello,

juste pour te taquiner: et si l'utilisateur poste ça Smiley lol

<code class="toto">sans coloration</code>

heraclys

16 Dec 2020 à 12:53

Coucou,

L'utilisateur crée son message avec un éditeur markdown, je parse ensuite le contenu donc normalement, ça ne peut pas arriver :d

CSS et mise en forme, CSS3

Prism - <code> qui ne possède pas de classe