fix preserve format content replacement

adobecom · Mar 29, 2024 · 9216c99 · 9216c99
1 parent d854635
commit 9216c99
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/styles/styles.css b/styles/styles.css
@@ -12,3 +12,7 @@ main a.con-button.no-event {
   pointer-events: none;
   opacity: 0.5;
 }
+
+.preserve-format {
+  white-space: pre-wrap;
+}
diff --git a/utils/utils.js b/utils/utils.js
@@ -92,7 +92,7 @@ function updateImgTag(child, matchCallback, parentElement) {
 
 function updateTextNode(child, matchCallback) {
   const originalText = child.nodeValue;
-  const replacedText = originalText.replace(REG, matchCallback);
+  const replacedText = originalText.replace(REG, (_match, p1) => matchCallback(_match, p1, child));
   if (replacedText !== originalText) child.nodeValue = replacedText;
 }
 
@@ -106,6 +106,7 @@ export function autoUpdateContent(parent) {
   const getContent = (_match, p1, n) => {
     const content = getMetadata(p1) || '';
     if (preserveFormatKeys.includes(p1)) {
+      console.log('yes! but', n.parentNode);
       n.parentNode?.classList.add('preserve-format');
     }
     return content;