Update application/static/js/components/renderSymbols.js

application/static/js/components/renderSymbols.js

@@ -1,3 +1,4 @@
+// application/static/js/renderSymbols.js
 class RenderSymbols{
     constructor(){
 
@@ -6,13 +7,13 @@ class RenderSymbols{
         this.renderText(elem);
         this.renderCode(elem);
         this.renderMath(elem);
-        elem.scrollIntoView({behavior: "smooth", block: "end"});
+        // elem.scrollIntoView({behavior: "smooth", block: "end"}); // Remove auto-scroll
     }
     renderMath(elem) {
         let content = elem.innerHTML;
         MathJax.typesetPromise([elem])
             .then(() => {
-                
+
             })
             .catch((err) => {
 
@@ -27,18 +28,18 @@ class RenderSymbols{
     }
     renderCode(element) {
         let content = element.innerHTML;
-    
+
         if (content.includes("```") && content.split("```").length >= 3) {
             content = content.replace(/```(\w*)<br>([\s\S]*?)```/g, (match, language, code) => {
                 code = code.replace(/<br>/g, '\n').trim();
-                language = language.trim() || 'text';    
+                language = language.trim() || 'text';
                 code = this.escapeHTML(code);
-    
+
                 return `<pre class="code-block"><code class="language-${language}">${code}</code></pre>`;
             });
-    
+
             element.innerHTML = content;
-    
+
             element.querySelectorAll('code:not(.hljs)').forEach(block => {
                 hljs.highlightElement(block);
             });
@@ -47,15 +48,15 @@ class RenderSymbols{
     escapeHTML(str) {
         return str.replace(/[&<>"']/g, function (char) {
             const map = {
-                '&': '&amp;',
-                '<': '&lt;',
-                '>': '&gt;',
-                '"': '&quot;',
-                "'": '&#39;',
+                '&': '&',
+                '<': '<',
+                '>': '>',
+                '"': '"',
+                "'": ''',
             };
             return map[char] || char;
         });
     }
-  
+
 }
 export default RenderSymbols