一部の HTML エディタでは Shift + Enter キーで br タグ が自動挿入されとても便利です。
今回はこの動きを Atom エディタで再現したいと思います。
INDEX
目次
- Atom から Shift + Enter で改行タグを挿入するカスタマイズ方法
- まとめ
Atom から Shift + Enter で改行タグを挿入するカスタマイズ方法
Atom を起動し、メニューの Atom -> 起動スクリプト を選択します。
init.coffee ファイルが開きますので、以下のコードを記述し保存します。
init.coffee
[code]
atom.commands.add ‘atom-text-editor’,
‘insert-br’: (event) ->
editor = @getModel()
editor.insertText(“
“)
[/code]
次に、メニューの Atom -> キーマップ を選択します。
keymap.cson ファイルが開きますので、以下のコードを記述し保存します。
keymap.cson
[code]
‘atom-workspace atom-text-editor:not([mini])’:
‘shift-enter’: ‘insert-br’
[/code]
Atom を再起動すれば、Shift + Enter で br タグ が挿入されるようになります。
まとめ
今回のカスタマイズは、HTML ページの設計時にはそれほど必要ではありませんが、コンテンツ自体の更新作業のコーディングとなったとき、よりクリエイティブに集中できるため、重宝される機能だと思います。
Atom をメインでディタとして HTML コーディングを行なっている方は、是非とも導入してみてください。
この記事がみなさんのお役に立ちましたら、下記「Share it」よりブックマークやSNSで共有していただければ幸いです。