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

application/static/js/components/renderSymbols.js

@@ -1,4 +1,3 @@
-// application/static/js/components/renderSymbols.js
 class RenderSymbols{
     constructor(){
 
@@ -7,13 +6,13 @@ class RenderSymbols{
         this.renderText(elem);
         this.renderCode(elem);
         this.renderMath(elem);
-        // elem.scrollIntoView({behavior: "smooth", block: "end"}); // Remove auto-scroll
+        elem.scrollIntoView({behavior: "smooth", block: "end"});
     }
     renderMath(elem) {
         let content = elem.innerHTML;
         MathJax.typesetPromise([elem])
             .then(() => {
-
+                
             })
             .catch((err) => {
 
@@ -28,18 +27,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);
             });
@@ -48,15 +47,15 @@ class RenderSymbols{
     escapeHTML(str) {
         return str.replace(/[&<>"']/g, function (char) {
             const map = {
-                '&': '🔒',  // Lock emoji for ampersand
-                '<': '◀️',   // Left arrow for less-than
-                '>': '▶️',   // Right arrow for greater-than
-                '"': '💬', // Speech balloon for double quote
-                "'": '📝'   // Memo/pencil for single quote
+                '&': '&amp;',
+                '<': '&lt;',
+                '>': '&gt;',
+                '"': '&quot;',
+                "'": '&#39;',
             };
             return map[char] || char;
         });
     }
-
+  
 }
 export default RenderSymbols