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

Enhance HTML rendering in the diffViewer by splitting content on <br> tags and creating span elements for added, removed, and unchanged text.

Browse source
This commit is contained in:
Mic 2025-06-19 00:28:00 +02:00
parent 4b61e06837
commit abfd8268cb
1 changed files with 22 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

37
api_webchat/messagesArea.js
View file

@ -486,22 +486,29 @@ class MessagesArea extends HTMLElement {
// Iterate over each part of the diff to create the HTML output // Iterate over each part of the diff to create the HTML output
wordDiff.forEach(part => { wordDiff.forEach(part => {
const diffElement = document.createElement("span"); // Split part.value by <br> (handling <br>, <br/>, <br />)
const brRegex = /(<br\s*\/?>)/gi;
// Apply a different class depending on whether the word is added, removed, or unchanged const segments = part.value.split(brRegex);
if (part.added) {
diffElement.className = "added"; segments.forEach(segment => {
diffElement.textContent = part.value; if (segment.match(brRegex)) {
} else if (part.removed) { // It's a <br>, add a real <br> element
diffElement.className = "removed"; messageElement.appendChild(document.createElement("br"));
diffElement.textContent = part.value; } else if (segment.length > 0) {
} else { const diffElement = document.createElement("span");
diffElement.textContent = part.value; if (part.added) {
diffElement.className = "added";
diffElement.textContent = segment;
} else if (part.removed) {
diffElement.className = "removed";
diffElement.textContent = segment;
} else {
diffElement.textContent = segment;
}
messageElement.appendChild(diffElement);
} }
});
// Add the element to the container });
messageElement.appendChild(diffElement);
});
const header = document.createElement('h2'); const header = document.createElement('h2');
header.textContent = browser.i18n.getMessage("chatgpt_win_diff_title"); header.textContent = browser.i18n.getMessage("chatgpt_win_diff_title");