fix: async highlight and escape html in docs (#2512)

docs/index.html

@@ -55,6 +55,10 @@
       })
     }
 
+    function escapeHTML(html) {
+      return html.replaceAll('&', '&amp;').replaceAll('<', '&lt;').replaceAll('>', '&gt;').replaceAll('"', '&quot;').replaceAll('\'', '&apos;')
+    }
+
     window.$docsify = {
       search: 'auto',
       name: 'mermaid',
@@ -73,7 +77,7 @@
                 currentCodeExample++;
                 colorize.push(currentCodeExample);
                 resultingHTML += (
-                  '<pre id="code' + currentCodeExample + '">' + code + '</pre>'
+                  '<pre id="code' + currentCodeExample + '">' + escapeHTML(code) + '</pre>'
                 )
               }
               
@@ -100,10 +104,11 @@
           })
 
           hook.afterEach(function (html, next) {
+            next(html);
             (async() => {
                 while (!window.hasOwnProperty("monaco"))
                     await new Promise(resolve => setTimeout(resolve, 1000));
-                colorizeEverything(html).then(newHTML => next(newHTML))
+                colorizeEverything(html).then(newHTML => document.querySelector('article.markdown-section').innerHTML = newHTML)
             })();
           })
         }