web-mode.el is an emacs major mode for editing web templates aka HTML files embedding parts (CSS/JavaScript) and blocks (pre rendered by client/server side engines).
web-mode.el is compatible with many template engines: PHP, JSP, ASP, Django, Twig, Jinja, Mustache, ERB, FreeMarker, Velocity, Cheetah, Smarty, CTemplate, Mustache, Blade, ErlyDTL, Go Template, Dust.js, Google Closure (soy), React/JSX, Angularjs, ejs, etc.
More infos on http://web-mode.org/
キー 機能 C-c C-; コメント/アンコメント C-c C-e 閉じていないタグを見つける C-c C-f 指定したタグのブロックを開閉する C-c C-i 現在開いているバッファをインデントする C-c C-m マークする(マークする場所によって選択範囲が変わります) C-c C-n 開始・終了タグまでジャンプ C-c C-r HTML entitiesをリプレースする C-c C-s スニペットを挿入 C-c C-w スペースを表示・非表示
キー 機能 C-c / 閉じタグを挿入(エレメントを閉じる) C-c eb エレメントの最初へ移動 C-c ed エレメントを削除 C-c ee エレメントの最後へ移動 C-c ee エレメントを複製 C-c en 次のエレメントへ移動 C-c ep 前のエレメントへ移動 C-c eu 親エレメントへ移動 C-c er エレメントをリネーム C-c es エレメント全体を選択 C-c ei エレメントのコンテンツを選択
キー 機能 C-c tb タグの先頭へ移動(エレメントの先頭では無くタグの先頭です。 で実行した場合はタグの先頭(<)に移動します) C-c te タグの後尾へ移動 C-c tm マッチするタグへ移動 C-c ts タグを選択 C-c tp 前のタグに移動 C-c tn 次のタグに移動