blog

【VSCode】 HTML Tag Wrap ショートカット一発でタグを囲える超便利プラグイン

【VSCode】 HTML Tag Wrap ショートカット一発でタグを囲える超便利プラグイン

1290

一発でタグ付けできる便利なVSCode機能拡張プラグイン

HTML Tag Wrapで約款など大量のテキスト原稿をバサバサタグ付けする

テキスト原稿を元に各文脈を適切にマークアップする工程は地味にストレスの溜まる作業ではないでしょうか。 手作業でコピーペーストを繰り返すにせよ正規表現を駆使して自動化を試みるも思ったように反映されないなどのストレスになる経験はないでしょうか。 そんな作業に最適なのがVSCodeの拡張機能「HTML Tag Wrap」プラグイン、見出しや段落を選択してショートカットを入力するだけなのでこの手のストレスは大きく低減されます。

マークアップが面倒なテキスト原稿

囲いたい範囲を選択してOption+Wを入力するだけ

使い方は超簡単。対象範囲を選択してOption+Wを打つだけ。(WindowsはAlt+W)元原稿を行単位で書式を整え、+Lなど行選択からそのままタグ付けするのがスマートです。

html-tag-wrap概要図

一旦初期設定のpタグに変換後、そのまま適切なタグに書き換える。

初期設定はpタグ、直後に適宜変換可能

初期設定はpタグが割り当てられています。タグやliタグなど書類や要件にマッチしたタグを設定してマークアップを時短しましょう。

html-tag-wrap設定画面

HTML Tag Wrap設定項目

works

グレイズの制作実績

コーポレートサイト、採用サイト、ワードプレスサイト、ECサイト、ランディングページ、リニューアル、映像制作など、 クライアントの集客効果を最優先に考え、エンドユーザのココロに刺さるデザインで訴求します。

グレイズの制作実績を見る

blog

ブログ / お知らせ

ブログ一覧を見る