Highlight.js TD v.2

by neohiro79

HTML

<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/8.0/styles/googlecode.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/8.0/highlight.min.js"></script>
<!DOCTYPE html>
<html>
<head>

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.18.5/styles/github.min.css">

</head>
<body onload="iniDone()"> 

<h1>Highlight.js Testcases:</h1>

<b>HTML, CSS &amp; JS:</b><br/><br />


<!-- USE XML HIGHLIGHTER: 
-->
<pre><code class="language-html"><!-- works just as with language-xml -->


&lt;!-- this is a html comment --&gt;
&lt;!-- this is a html comment 
      across multiple lines 
 --&gt;   
&lt;p&gt;
    This is a paragraph
&lt;/p&gt;
 
&lt;style&gt;
    /* this is a css and a js comment */
    /* this is a css and js comment 
    across multiple lines
    */
    html { display : block; }
&lt;/style&gt;

&lt;script&gt;
    // this is a javascript comment
    /* this is a css and a js comment */
    /* this is a css and js comment 
    across multiple lines
    */

    function iniDone(){
       console.log(&quot;and this is some javascript itself&quot;);
    }
&lt;/script&gt;


</code>
</pre>


<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.18.5/highlight.min.js"></script>
<!--
<srcipt src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.18.5/languages/vbscript-html.min.js"></srcipt>
<srcipt src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.18.5/languages/css.min.js"></srcipt>
<srcipt src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.18.5/languages/javascript.min.js"></srcipt>
-->
<script>hljs.initHighlightingOnLoad();</script>

</body>
</html>

CSS

/* http://highlightjs.org/download/ */
/* http://cdnjs.com/libraries/highlight.js/ */

JavaScript

document.addEventListener('DOMContentLoaded', (event) => {
  document.querySelectorAll('pre code').forEach((block) => {
    hljs.highlightBlock(block);
  });
});