javascript - 将特定文本替换为 html

Question

如何将特定文本替换或更改为新的 html？

旧 HTML:

<div id="test">    
    <p>
        [b] lorem ipsum [/b]
    </p>
    <p>
        [textarea] lorem ipsum [/textarea] 
    </p>
</div>

新的 HTML:

<div id="test">
    <p>
        <b>lorem ipsum</b>
    </p>
    <p>
        <textarea>lorem ipsum</textarea>
    </p>
</div>

Force_Tag = [
    '[b]','<pre>',
    '[/b]','</b>',
    '[textarea]','<textarea>',
    '[/textarea]','</textarea>',
    // ...
]

Answer 1

您可以使用String.prototype.replace()与 RegExp /(\[)|(\])/g捕获"[" , "]" ，将第一个捕获组替换为 "<" ，第二个捕获组 ">" ，设置.innerHTML替换字符串的元素

<div id="test">
  <p>
    [b] lorem ipsum [/b]
  </p>
  <p>
    [textarea] lorem ipsum [/textarea]
  </p>
</div>
<script>
  for (let p of document.querySelectorAll("#test p")) {
    p.innerHTML = p.innerHTML.replace(/(\[)|(\])/g, function(match, p1, p2) {
      if (p1) return "<";
      if (p2) return ">"
    })
  }
  </script>