【Dreamweaver】コードビューでよく使うショートカット
BMW が開発している MINI ブランドの電動スクーターが気になって仕方がない sakai です。
なんと、キーが iPhone ですよ!
今回は、Dreamweaver の“コードビュー”でコーディングをする時に便利なショートカットをご紹介します。
タグ挿入系
- Ctrl+1(~6) = 見出しタグ(h1~h6)の挿入
- Ctrl+Shift+P = 段落タグ(p)の挿入
- Ctrl+Alt+T = テーブル(table)の挿入
- Ctrl+Alt+I = 画像(img)の挿入
- Ctrl+B = 強調(strong)の挿入
- Ctrl+I = やや強調(em)の挿入
- Shift+Enter = 改行(br)の挿入
このあたりは基本なので、Dreamweaver でコーディングをされている方ならご存知かと思います。
- Shift+Space = 半角スペースを挿入(全角モードでも半角スペースが入る)
- Ctrl+Shift+Space = を挿入
スペースの挿入もショートカットが便利です。
あと、カーソル移動や選択系のショートカットも覚えておくと便利です。
カーソル移動・選択系
- Home = 行頭に移動
- End = 行末に移動
- Ctrl+← = 一単語左に移動
- Ctrl+→ = 一単語右に移動
- Ctrl+Shift+← = 一単語左を選択
- Ctrl+Shift+→ = 一単語右を選択
- Ctrl+[ = 親要素を選択 ※これ凄い便利
これらはデフォルトで設定されているショートカットキーで、これはこれで便利ですが、Dreamweaver でコーディングすることのキモは、ショートカットを自由にカスタマイズできることです。
デフォルトには設定がないショートカットを自分で登録していけば、さらに使いやすくなります。
よく使う要素などをスニペットに登録して、ショートカットで登録したスニペットを呼び出すようにすれば、最強レベルのコード・エディタになります。(重いのだけがネック…)