Update index.html

index.html

@@ -503,7 +503,8 @@
             newMessage.innerHTML = `
             <h3 class="message-role">You:</h3>
             <div class="message-role-api" style="display: none;">user</div>
-            <p class="message-text">${msgText}</p>
+            <p class="message-text">${getSanitized(msgText)}</p>
+            //<p class="message-text">${msgText}</p>
             `;
             messageContainer.insertBefore(newMessage, messageContainer.firstChild);
 
@@ -516,7 +517,7 @@
             newReply.innerHTML = `
             <h3 class="message-role">${selectedPersonalityTitle}:</h3>
             <div class="message-role-api" style="display: none;">model</div>
-            <p class="message-text">`;
+            <p class="message-text">${DOMPurify.sanitize(marked.parse(rawText))}</p>
 
             //get the p element inside the message div
             const replyText = newReply.querySelector(".message-text");