Discussion :

[Robin_Gouverner]

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 html :

Sélectionner tout - Visualiser dans une fenêtre à part

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

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

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[NoSmoking]

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 html :

Sélectionner tout - Visualiser dans une fenêtre à part

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

ou mieux tout encoder

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[Robin_Gouverner]

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