Fixing textarea markers

Lcfvs · Mar 7, 2022 · 7f6d61d · 7f6d61d
1 parent 4fdb0db
commit 7f6d61d
Show file tree

Hide file tree

Showing 4 changed files with 171 additions and 163 deletions.
diff --git a/lib/dom.js b/lib/dom.js
@@ -45,6 +45,12 @@ const tokenize = node => {
     } else if (nodeName === 'SCRIPT') {
       const tokens = identify(attribute, current.textContent)
 
+      if (tokens.length) {
+        map.set(key, { tokens })
+      }
+    } else if (nodeName === 'TEXTAREA') {
+      const tokens = identify(attribute, current.value)
+
       if (tokens.length) {
         map.set(key, { tokens })
       }
@@ -181,7 +187,7 @@ const value = (tokens, node, name, template) => {
 
 const content = (tokens, node, template) => {
   const nodes = []
-  let [target, content] = pick(node)
+  let [target, content, asValue] = pick(node)
 
   for (const { identifier, key, optional } of tokens) {
     const [prefix] = content.split(identifier)
@@ -196,7 +202,11 @@ const content = (tokens, node, template) => {
     content = content.replace(`${prefix}${identifier}`, '')
   }
 
-  target.replaceWith(...nodes, content)
+  if (asValue) {
+    target.textContent = nodes.join('')
+  } else {
+    target.replaceWith(...nodes, content)
+  }
 }
 
 const pick = node => {
@@ -210,6 +220,10 @@ const pick = node => {
     return [node.firstChild, node.textContent]
   }
 
+  if (nodeName === 'TEXTAREA') {
+    return [node, node.value, true]
+  }
+
   return [node, node.nodeValue]
 }