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

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

関連記事

Evernote

Evernote の Template 機能 2018

2018年9月 Evernote に追加された「テンプレート」機能について紹介します。 目次1. Evernote のテンプレート機能2. テンプレートの保存方法その1: オンラインギャラリーからテン …

Evernote

Evernoteに自動引き落しさせない方法

Evernoteに自動引き落しさせない方法について説明します。

Web

エンコード、デコード、ハッシュを行うウェブページを作成しました

入力した文字列に対して、以下の変換処理を行う ウェブページ を作成しました。 各種エンコード処理 各種デコード処理 ハッシュ化 いろいろお試しください。 🔗 エンコード/デコード/ハッシュ

WSL

WSL 2 の Kali Linux で Win-KeX (kali-win-kex) を使う場合の注意点

目次1. はじめに2. Win-KeX の使い方と注意点(1) Kali Linux の導入(2) kali-win-kex パッケージのインストール(3) 注意事項注意点 その1注意点 その2(4) …

英辞郎

英辞郎 on the WEB はどこに行った?

最近、株式会社アルクのURL https://www.alc.co.jp/ は完全にコーポレートサイトになったようです。英辞郎 on the WEB は全く表示されなくなり、英単語を調べることはできま …