highlight.jsで簡単な例を作るには？

私はhighlight.jsで簡単な例を作ろうとしていますが、動作させることはできません。私はhighlight.jsに精通していません。ここに私のコードと私はそれの何が間違っているのか分からない。何か案が！前もって感謝します。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>

出典

2016-03-23 Rajmond Burgaj

は、あなたは、CSSを読む方法を変更する必要があるとJavaScriptはビットファイル：はい

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

：

CSSファイル：

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

のJavaScriptファイルを私が知っているのは、それがon the original siteだったのですが、サンプルコードを書いたときに間違いを犯したようです。

出典

2016-03-24 11:41:29 Igorovics

ありがとう、それは私の問題を解決しました:) –

クール！私はそれが助けてうれしいです。 – Igorovics

highlight.jsで簡単な例を作るには？

答えて

関連する問題