Vim でHTMLタグの中身を置換するキー操作

1. 今回 Vim で実現したいこと

例えば、以下の内容のHTMLファイル (またはテキストファイル) があったとします。

<p>foo</p>

<p>bar</p>

このとき、

という操作を行うと以下になります。

<p>foo</p>

<p>foo</p>

この操作を実現するキー操作について説明します。

2. キー操作

やり方はいろいろあると思いますが、本記事では以下のキー操作を行います。

(1) 文字列をコピーします

“f” にカーソルを持っていき、以下のキーを入力します。

それぞれのキーの意味は以下になります。

キー	説明
y	これから文字列をコピーします (operator command) (yank)
it	タグの内部を指します (テキストオブジェクトにおける inner tag block)

(2) 置換します

“b” にカーソルを持っていき、以下のキーを入力します。

それぞれのキーの意味は以下になります。

キー	説明
v	ビジュアルモードを開始します
iw	単語を選択します (前後のスペースは除外) (テキストオブジェクトにおける inner word)
p	貼り付けます

3. 参考

• motion | 1. 移動とオペレータ | Vim日本語ドキュメント
  • y の説明
• motion | 6. オブジェクト単位で選択 | Vim日本語ドキュメント
  • it, iw の説明
• change | 5. テキストのコピーと移動 | Vim日本語ドキュメント
  • p の説明
• visual | 2. ビジュアルモードの開始と終了 | Vim日本語ドキュメント
  • v の説明