<code> et plugin highlightjs

**caema** · 03/03/2015, 09h37

Bonjour à toutes et tous,

Je cherche à mettre en place le plugin highlightjs, mais cela ne semble pas fonctionner...
Je m'explique: j'ai bien ajouté le CSS pour la coloration syntaxique souhaitée, idem pour le fichier highlight.pack.js.
Ensuite, j'ai initialisé le plugin avec ceci:

Code :

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

1
2
3
<script type="'text/javascript'">
        hljs.initHighlightingOnLoad();
</script>

Pourtant, dans mon fichier, si je fais:

Code html :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<pre>
    <code>
        <!DOCTYPE html>
        <html>
        <head>
            <title>Hello World!</title>
        </head>
        <body>
            <script>
                alert('Hello world!');
            </script>
        </body>
        </html>
    </code>
</pre>

... la boite de dialogue alert s'ouvre, et donc... le code est donc interprété, ce que je ne souhaite pas.

Qui plus est, à l'endroit où doit normalement s'afficher le code source, j'ai un cadre... vide.

Quelqu'un peut m'aider?
D'avance merci!

**Darkaurora** · 03/03/2015, 10h15

Peut être que:

Code HTML :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 
<pre>
    <code>
        &lt;!DOCTYPE html&gt;
        &lt;html&gt;
        &lt;head&gt;
            &lt;title&gt;Hello World!&lt;/title&gt;
        &lt;/head&gt;
 
        &lt;body&gt;
 
        &lt;script&gt;
 
            alert('Hello world!');
 
        &lt;/script&gt;
 
        &lt;/body&gt;
        &lt;/html&gt;
    </code>
</pre>

si tu laisses les balises pleinement constituées c'est normal que ton navigateur les interprètes.

<code> et plugin highlightjs

JavaScript

Discussions similaires

Partager

Partager