HTMLコードを編集していると頻繁に出てくる改行コードbrタグ。
今回はSublimeText3で、brタグを素早く追加できるショートカットを設定する方法を紹介する。
まずは「Preferences -> Key Bindings」で設定ファイルを開こう。
![](https://i0.wp.com/chusotsu-program.com/wp-content/uploads/2019/10/24d659d50876161a9d5ddb790834daf1-1.jpg?resize=1024%2C572&ssl=1)
開くと、左にDefault、右にUserの設定ファイルが分割されて表示されるが、User側に下記のコードを追記する。
※既に他のコードが記述されている場合、区切りのカンマが必要なので注意!
{ "keys": ["shift+enter"], "command": "insert_snippet", "args": {"contents": "<br>\n"},
"context": [
{ "key": "selector", "operand": "text.html" }
]
}
これで、「shift + Enter」を押すと「<br>」タグを追加しながら改行し、次の行へカーソルを移動させることができる。
![](https://i0.wp.com/chusotsu-program.com/wp-content/uploads/2019/10/fd348fc7b36261dd90a04daa21d0b156.jpg?resize=1024%2C519&ssl=1)
ちなみにこのショートカットは、SyntaxがHTMLの場合のみ発動するので、例えばJavaScriptやCSSなど、その他のファイルで誤って改行タグが挿入される心配はない。
地味だが非常に便利なショートカットである。