特定のテキストを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

あなたは、"<"との最初のキャプチャグループを置き換える、"["、"]"をキャプチャするためにRegExp/(\[)|(\])/gと第二の捕捉グループをString.prototype.replace()を使用することができます">"の場合は、要素のうち.innerHTMLをr eplacement列

<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>