2016-05-16 11 views
-1

Ich versuche highlight.js zu implementieren. Ich habe und index.html. andside der Körperhighlight.js: Wie erkläre ich ignorieren Standard css

<p>Example code</p> 
<pre> 
    <code class="html"> 
     <title>Title</title> 

     <style>body {width: 500px;}</style> 

     <script type="application/javascript"> 
     function $init() {return true;} 
     </script> 

     <body> 
     <p checked class="title" id='title'>Title</p> 
     <!-- comment to be highlighte --> 
     </body> 
    </code> 
</pre> 

Aber wenn ich die Seite zu laden, was im Inneren des <pre> ist als wahre html verarbeitet und es ruiniert die Seite, auch die Haupt css im auf der Seite mit den Tags in der angewendet wird

im Kopf meines index.html habe ich enthalten <link rel="stylesheet" type="text/css" href="../css/highlight.css">

und vor dem Körper schließen TAGi

<script src="../scripts/highlight.pack.js"></script> 
<script> 
    $(document).ready(function() { 
    $('pre code').each(function(i, block) { 
     hljs.highlightBlock(block); 
    }); 
    }); 
</script> 
enthalten

Ich lese die Dokumentation durch, kann aber nicht herausfinden, was ich vermisst habe.

Antwort

0

So habe ich gerade herausgefunden, im Falle der Versuch, HTML innerhalb der Pre-Tag anzuzeigen alle HTML-Zeichen müssen gecaped werden. Ich habe das Skript auf

eingestellt und das macht den Trick. (Nehmen Sie jedes der Code-Elemente, greifen Sie das innere HTML und analysieren Sie es als Text zurück)