New!

HTML: Atom から Shift + Enter で改行タグを挿入するカスタマイズ方法

一部の HTML エディタでは Shift + Enter キーで br タグ が自動挿入されとても便利です。
今回はこの動きを Atom エディタで再現したいと思います。

目次

  • Atom から Shift + Enter で改行タグを挿入するカスタマイズ方法
  • まとめ

Atom から Shift + Enter で改行タグを挿入するカスタマイズ方法

Atom を起動し、メニューの Atom -> 起動スクリプト を選択します。

init.coffee ファイルが開きますので、以下のコードを記述し保存します。

init.coffee

atom.commands.add 'atom-text-editor',
  'insert-br': (event) ->
    editor = @getModel()
    editor.insertText("")

次に、メニューの Atom -> キーマップ を選択します。

keymap.cson ファイルが開きますので、以下のコードを記述し保存します。

keymap.cson

'atom-workspace atom-text-editor:not([mini])':
  'shift-enter': 'insert-br'

Atom を再起動すれば、Shift + Enterbr タグ が挿入されるようになります。

まとめ

今回のカスタマイズは、HTML ページの設計時にはそれほど必要ではありませんが、コンテンツ自体の更新作業のコーディングとなったとき、よりクリエイティブに集中できるため、重宝される機能だと思います。

Atom をメインでディタとして HTML コーディングを行なっている方は、是非とも導入してみてください。

この記事がみなさんのお役に立ちましたら、下記「Share it」よりブックマークやSNSで共有していただければ幸いです。

siro:chro 無料ゲーム SQN をリリースしました

img_sqn_00

sirochro 初の無料ゲームアプリ SQN をリリースしました。
記事:SQN: iOS 無料ゲームアプリ SQN - Sequential Numbers をリリース
ちょっとした時間に楽しめる完全無料のゲームなっていますので、是非ダウンロードして遊んでみてください。

↓SQN のダウンロードはこちらから

Related Contents

Pickup Contents