sublimetextで、番号等を保持したまま置換する方法(「class=”span2″」=> 「class=”col-md-2″」)

Share on Facebook
Pocket
LINEで送る
Bookmark this on Google Bookmarks

タイトルだけだとわかりづらいが、bootstrap2からbootstrap3に移行したいときに使える置換。
正規表現の話だけど、もしかしたら正規表現にあまり馴染みのない人もいるかと思ったので。

<div class="span2">
    <span style="color: #FF0000;">
    </span>
</div>

というようなコードがあったとする。bootstrap3では、span(Number)クラスは、「col-md-(Number)」クラスに変更になっている。このため、一括置換したくなるが、spanで置換してしまうと、spanタグも置換されてしまう。この時に、次のように置換するといい。

  1. ファイル置換検索を開く(通常の置換でもいい。)

スクリーンショット 2016-02-01 12.22.31

 
2. 一番左の※(正規表現)をチェックし、Findに「span[0-9]」、Replaceに「col-md-$1」と入力する

※ ファイルの場所は任意

スクリーンショット 2016-02-01 12.29.14

 
 
 

  1. Replaceボタンを押す。

仕組みは、Findの「span[0-9]+」と書くと、「span」のあとに数字(0-9)が1個以上続いている部分を抽出する(span1、span12など)。それに()加えて「span([0-9]+)」と書くことで、↑の条件で引っかかった箇所の、数字部分を取り出すことができ、Replace部分で$1と書くことで、取り出した数字の部分を再利用できる。

察しの良い方であればわかるかとは思うが、

<div data-number="1" data-tel="000-00-0000"></div>

とあったときに

「data-number=”([0-9]+)” data-tel=”([0-9]+)”」

とすれば、data-numberの数字は$1、 data-telの数字は$2でとりだすことができる。

Follow me!

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です