ATOM

atomで置換を使って連番テキストを作る

More than 1 year has passed since last update.

<input type="text" name="hoge1" id="hoge1">

<input type="text" name="hoge2" id="hoge2">
<input type="text" name="hoge3" id="hoge3">

上のようなHTMLを10個くらい作りたい時、一個作ってコピーして作る方法が真っ先に思いつく。だが、いちいち数字部分にカーソルを合わせて消去して数字タイプしてっていうのも面倒くさい。そこでAtomによる置換を使って連番テキストを楽に作る方法を考えた。

1

2
3
4
5
〜(中略)〜
10

上のような数字だけのテキストを用意しておき、ctrl+fで置換パレットを開く。

置換前



^(\d\d|\d)

置換後



<input type="text" name="hoge$1" id="hoge$1">



のように数字で置換させたい箇所を$1で置き換える。

これで置換を行えば10個のinputタグを生成できる。


追記

Emmetで連番テキストを作るという上位互換の記事が作られたのでリンク

Emmetを利用して連番テキストを作る

http://qiita.com/from_kyushu/items/34e522fa284fa64a5215