fixed color invalid html tags with handler in doll_script using pattt…

…ern matching

pages/js/doll_script.js

@@ -207,6 +207,36 @@ document.addEventListener('DOMContentLoaded', async () => {
 
 
 
+
+
+
+
+
+
+
+
+    // Once all is done, adapt color tags from invalid HTML to valid colors
+
+    // Select all elements containing the custom <color> tags
+    // Get all the elements that contain text where the <color> tag might be used
+    const elements = document.querySelectorAll("p");
+
+    elements.forEach(element => {
+        console.log("Parsing color tags");
+        // Get the innerHTML of the element
+        let htmlContent = element.innerHTML;
+        console.log(htmlContent);
+
+        // Replace all <color=#XXXXXX>text</color> with <span style="color:#XXXXXX">text</span>
+        htmlContent = htmlContent.replace(/&lt;color=#([A-Fa-f0-9]{6})&gt;(.*?)&lt;\/color&gt;/g, (match, colorCode, textContent) => {
+            return `<span style="color:#${colorCode}">${textContent}</span>`;
+        });
+
+        // Update the element's innerHTML
+        element.innerHTML = htmlContent;
+    });
+
+
 
 
 });