LoginSignup
8
6

More than 5 years have passed since last update.

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

Last updated at Posted at 2016-04-16
<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

8
6
2

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
8
6