正規表現で画像を置換

質問

<img src="http://domain.com/test1/sample1/20090226234426-P1150071_s.jpg" width="160" height="120" alt="TEST" />
となっているものを、
<a href="http://domain.com/test1/sample1/20090226234426-P1150071_s.jpg">画像</a>
と置換したいのですが、正規表現がいまいち理解できませんでしたので、
質問させていただきました。

PC用のコンテンツから携帯に移植する際に内容の圧縮の意味を込めて、作る必要がありましたので、お手数ですがよろしくお願いいたします。

回答No.1

SortaNerd_ · ベストアンサー

<img src="(.+?\.jpg)".+?/>
↓
<a href="\1">画像</a>
でできると思います。

正規表現の基本は、
・まずパターンを見つける
この場合、「<img src="」から始まって「.jpg"」があり、最後に「/>」です。
・その間に任意文字の最短一致「.+?」を入れて書き下す
<img src=".+?\.jpg".+?/>
ここで「.」などの特殊な意味を持つ文字は「\.」のように前に「\」をつける必要がある。
・残したい部分を()でくくる
<img src="(.+?\.jpg)".+?/>
→これが検索欄に書く文字列。
・置換後の文字列を書く
<a href="​http://domain.com/test1/sample1/20090226234426-P1150071_s.jpg">画像</a>
・置換前から持ってくる部分を「\1」で置き換える
<a href="​\1">画像</a>
→これが置換欄に書く文字列。

お礼

ご回答ありがとうございます。
早速いただいた基本を元に、回答内容を試させていただきます。