jason/ThunderAI
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix message formatting to display line breaks correctly in the messages area

Browse source
This commit is contained in:
mic 2025-05-21 21:55:19 +02:00
parent 95f6c0e40f
commit 07957d62c7
1 changed files with 10 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
api_webchat/messagesArea.js
View file

@ -165,7 +165,7 @@ class MessagesArea extends HTMLElement {
let source = browser.i18n.getMessage("apiwebchat_you");
switch (type) {
case "user":
source = browser.i18n.getMessage("apiwebchat_you");;
source = browser.i18n.getMessage("apiwebchat_you");
break;
case "info":
source = browser.i18n.getMessage("apiwebchat_info");
@ -176,7 +176,16 @@ class MessagesArea extends HTMLElement {
const messageElement = document.createElement('div');
messageElement.classList.add('message', type);
// Replace \n with <br> for correct HTML display
messageElement.textContent = messageText;
// Replace \n with <br> elements for correct HTML display
messageElement.innerHTML = '';
messageText.split('\n').forEach((line, idx, arr) => {
messageElement.appendChild(document.createTextNode(line));
if (idx < arr.length - 1) {
messageElement.appendChild(document.createElement('br'));
}
});
this.messages.appendChild(messageElement);
this.scrollToBottom();
}