Tools

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

投稿日:2020年2月13日 更新日:

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

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

<p>foo</p>

<p>bar</p>

このとき、

2つ目の <p>タグの内容を、1つ目の<p>タグの内容で置き換える

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

<p>foo</p>

<p>foo</p>

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

2. キー操作

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

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

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

yit

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

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

(2) 置換します

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

viwp

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

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

3. 参考

📂-Tools

執筆者:labo


comment

メールアドレスが公開されることはありません。

関連記事

Git

【Git】直前のコミットをもとに戻す方法

Git で直前のコミットを元に戻す方法について解説しています。

Anki

HTTP Status Codes の 共有Anki デッキを改造する

HTTP Status Codes の 共有Anki デッキを改造してみました。

Anki

「AnkiWebに問題が発生しました」というエラーについて

「AnkiWebに問題が発生しました」というエラーが発生したときの話です。

GIMP

GIMPで画像に枠をつける

GIMPで画像に枠をつける手順について説明します。

Windows

Windows 7 のターミナル設定(MSYS2編)

MSYS2 を使って、Windows 7 にターミナル環境を構築しました。その時のおおまかなポイントを書きたいと思います。 MSYS2というのは、Windows上にUNIXライクな環境を導入するソフト …