javascript - JavaScript の正規表現と replace メソッド

Question

私は文字列変数を持っています:

Some text...<div class=example><pre><ul><li>Item</li></ul></pre><div class=showExample></div></div>Some text...

<前タグのすべての < および > 文字を html entity =に置き換えたいので、> このスクリプトを書きました:

text = text.replace(new RegExp("(?=(<pre>.*))<(?=(.*</pre>))","ig"),"&lt;");
text = text.replace(new RegExp("(?=(<pre>.*))>(?=(.*</pre>))","ig"),"&gt;");

私はいつもこの結果を得ます：

<p>Some text...<div class=example>&lt;pre><ul><li>Item</li></ul></pre><div class=showExample></div></div>Some text...</p>

どうして？？？

Answer 1

これは、最初の先読みが原因です: (?=(<pre>.*))。正規表現のカーソルが の直前にある場合は、があり、先<pre>にあるので一致します。<<pre>

代わりに後読みをするつもりだったのかもしれ(?<= ... )ませんが、javascript はそれらをサポートしていません。

私は JS に詳しくありませんが、最初に<pre>タグ内のものを抽出する方が簡単かもしれません:

match = text.match(/<pre>(.*?)<\/pre>/)[1];

次に、この小さなグループで置き換える必要があるすべてを置き換えます。

match = match.replace(/</g, '&lt;').replace(/>/g, '&gt;');

次に、元に戻します。

text = text.replace(/<pre>.*?<\/pre>/g, '<pre>'+match+'</pre>');

前に言ったように、私は JS に詳しくありませんが、ループを実行してこれらの<pre>タグ内の複数のテキストを置き換えることができると思います。

あなたの例では、ここに a fiddleがあります。

Answer 2

おそらく、jQuery を使用して html エンコード/デコードしてから、Regex を使用するほうがよいでしょう。より複雑なマークアップでは壊れてしまうからです。

ここに例があります。