[Prism.js] Non prise en compte de la coloration

Bonjour,

j'ai une question, j'utilise prismjs pour la coloration syntaxique des articles de mon blog sous symfony 4. J'utilise donc twig. Pour pouvoir designer un peu mes article si sa me chante, j'utilise le filtre raw dans ma vue pour que le html soit interprété.

Code:

---

1 2 3

<div class="contentArticle"> {{ article.content | raw }} </div>

---

Sauf qu'avec prismjs du coup même quand j'utilise :

Code:

---

1 2 3

<pre class="language-html"><code> <h1>Bonjour</h1> </code></pre>

---

eh bien les balises ne s'affichent pas, forcément. Du coup quand j'écris un article au sujet de twig sa rend super mal. Quelqu'un aurait une idée ? J'aimerais éviter d'être obliger d'utiliser le markdown, mais la je suis à court d'inspiration. Merci

Bonjour,
deux choses :

#1 : la classe class="language-html" est à remplacer par class="language-markup".

#2 : dans ton élément <pre> les balises sont interprétées par le navigateur et donc nom rendu par Prism, il te faut écrire au minimum

Code:

---

1 2 3

<pre class="language-markup"><code> &lt;h1>Bonjour&lt;/h1> </code></pre>

---

ou mieux tout encoder

Code:

---

1 2 3

<pre class="language-markup"><code> &lt;h1&gt;Bonjour&lt;/h1&gt; </code></pre>

---

Super sa marche. Merci beaucoup c'est parfait, problème résolu.