2016-03-23 7 views
2

Ich versuche ein einfaches Beispiel mit highlight.js zu machen, aber ich kann es nicht funktionieren lassen. Ich kenne highlight.js nicht. Hier ist mein Code und ich weiß nicht, was darin falsch ist. Irgendeine Idee! Danke im Voraus.Wie macht man ein einfaches Beispiel mit highlight.js?

<!DOCTYPE html> 
<head> 
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.2.0/styles/default.min.css"> 
<script src="https://code.jquery.com/jquery-2.2.2.min.js" integrity="sha256-36cp2Co+/62rEAAYHLmRCPIych47CvdM+uTBJwSzWjI=" crossorigin="anonymous"></script> 
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.2.0/highlight.min.js"></script> 
<script type='text/javascript'> 
hljs.initHighlightingOnLoad(); 
$(document).ready(function() { 
    $('#myBlock').each(function(i, e) {hljs.highlightBlock(e)}); 
}); 
</script> 
</head> 
<body> 
<div id="myBlock"> 
<pre><code class="php"> 
require_once 'Zend/Uri/Http.php'; 

abstract class URI extends BaseURI 
{ 

    /** 
    * Returns a URI 
    * 
    * @return URI 
    */ 
    static public function _factory($stats = array(), $uri = 'http') 
    { 
     $uri = explode(':', $uri, 2); 
     $schemeSpecific = isset($uri[1]) ? $uri[1] : ''; 
     $desc = 'Multi 
line description'; 

     // Security check 
     if (!ctype_alnum($scheme)) { 
      throw new Zend_Uri_Exception('Illegal scheme'); 
     } 

     return [ 
     'uri' => $uri, 
     'value' => null, 
     ]; 
    } 
} 
</code></pre> 
</div> 
</body> 
</html> 

Antwort

3

Sie müssen die Art und Weise Sie die CSS lesen ändern und JavaScript-Dateien ein bisschen:

Die CSS-Datei:

<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.2.0/styles/default.min.css"> 

Die JavaScript-Datei:

<script src="http://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.2.0/highlight.min.js"></script> 

Ja Ich weiß, du hast es so benutzt, wie es war on the original site, aber es scheint, dass sie einen Fehler gemacht haben, als sie die Beispielcodes schrieben.

+0

Danke Mann, löste es mein Problem :) –

+0

Cool! Ich bin froh, dass es geholfen hat. – Igorovics