將特定文本替換為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設置為替換字符串

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