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

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

関連記事

GitHub や Bitbucket に gitコマンドでsshアクセスする際、どのアカウントが使われるか確認する方法

目次1. はじめに2. GitHub の場合3. Bitbucket の場合4. GitLab の場合5. その他のメモ6. 関連7. 参考 1. はじめに GitHub や Bitbucket に …

Windows

Audacityを使って、音声ファイルから必要ない部分(複数)を削除する

Audacityを使って、音声ファイルから必要ない部分(複数)を削除する手順について説明します。

Vim

vi (vim) の終了手順について

私の vi (vim) 終了手順について書いています。

ICTリテラシー

複数のGIFファイルを一括でPNGファイルに変換する

複数のGIFファイルを一括でPNGファイルに変換する方法を紹介します。

Git

Git で管理を始める時に実行するコマンド

あるディレクトリを Git でバージョン管理する場合に、最初に実行しているコマンドを紹介します。 (1) Git で管理するディレクトリに移動 $ cd path/to/dir (2) Git管理開始 …