JQuery：Regex-matchesにスタイルを追加する

Question

私のウェブサイトにHTMLコードをテキストとして表示したい。私はHTMLでサンプルテキストを次ています示した

<div id="test"> 
    &lt;p&gt;Hello&lt;/p&gt; <br /> 
    &lt;p&gt;Hello2&lt;/p&gt; 
</div> 

：私のウェブサイト上の

<p>Hello</p> 
<p>Hello2</p> 

。

今、タグの色を変更したいと思います。私はインターネット上で、同じテキストをそのスパンのスタイルを変更するクラスでラップしたRegExpに置き換えるというアイデアを見つけました。

私はjQueryの中で、次の試してみました：

$(document).ready(function() 
{ 
    var oldHtml = $("#test").html(); 
    var newHtml = oldHtml.replace(new RegExp("(&lt;){1}.*(&gt){1};","g"), "<span class='highlight'>$1</span>"); 
    $("#test").html(newHtml); 
}); 

となった次：私が間違って何をやっている

< 
< 

？

Answer 1

キャプチャグループの場所が間違っています。あなたはオープニングブラケットを$1に、クローズクローズブラケットを$2にキャプチャしています。これは決して使用しません。

(<){1}.*(&gt){1}; 

また、数量詞を必要としません。

<(.*?)> 

このパターンと同じ置換で動作するはずです。 *?量指定子は貪欲ではないため、できるだけ早い段階で停止します。

正規表現でHTMLを解析することは悪い考えです。 HTMLの一部がエスケープされていても、まだ規則的ではないハード言語です。結局は動作しません。代わりにパーサを使用してください。あるいは、あなたのユースケースでは、構文強調表示ライブラリを簡単に見つけて使用するのが簡単です。