view source with line number

Author: HoangTran0410

pages/viewScriptSource/index.html

@@ -5,13 +5,12 @@
     <meta charset="UTF-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Document</title>
+    <title>viewsource://useful-scripts</title>
 
-    <!-- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.6.0/styles/default.min.css">
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.6.0/highlight.min.js"></script> -->
     <link rel="stylesheet" href="./libs/styles/default.min.css">
     <link rel="stylesheet" href="./libs/styles/monokai-sublime.min.css">
     <script src="libs/highlight.min.js"></script>
+    <script src="libs/highlight_linenum.js"></script>
     <script src="libs/javascript.min.js"></script>
 
     <link rel="stylesheet" href="style.css">

pages/viewScriptSource/libs/highlight_linenum.js

@@ -14,6 +14,7 @@ window.onload = () => {
       document.querySelector("code").innerHTML = comment + sourceCode;
 
       hljs.highlightAll();
+      hljs.initLineNumbersOnLoad();
     }
   } catch (e) {}
   // delete localStorage.viewScriptSource_sharedData;