From 07957d62c70260e3a88e27d57086e737f4bd5dc1 Mon Sep 17 00:00:00 2001 From: mic Date: Wed, 21 May 2025 21:55:19 +0200 Subject: [PATCH] Fix message formatting to display line breaks correctly in the messages area --- api_webchat/messagesArea.js | 11 ++++++++++- 1 file changed, 10 insertions(+), 1 deletion(-) diff --git a/api_webchat/messagesArea.js b/api_webchat/messagesArea.js index 7a8e46b5..edac917b 100644 --- a/api_webchat/messagesArea.js +++ b/api_webchat/messagesArea.js @@ -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
for correct HTML display messageElement.textContent = messageText; + // Replace \n with
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(); }