[解決済み] Sublime Text 2を使ってHTMLコードを再フォーマットするにはどうしたらいいですか?
2022-03-19 19:18:17
質問
整形されていないHTMLコードがあり、それを再整形したいのですが。Sublime Text 2でHTMLコードを自動的に整形して、見栄えや読みやすさを良くするコマンドはありますか?
解決方法を教えてください。
プラグインは必要ありません。
ただ、すべての行を選択するだけです (
CTRL
+
A
を選択し、メニューから「編集」→「行」→「再インデント」を選択します。
この方法は、ファイルが以下のようなHTMLを含む拡張子で保存されている場合に有効です。
.html
または
.php
.
このようなことを頻繁に行う場合、このキーマッピングが役に立つかもしれません。
{ "keys": ["ctrl+shift+r"], "command": "reindent" , "args": { "single_line": false } }
ファイルが保存されていない場合 (例: スニペットを新しいウィンドウに貼り付けただけ) は、メニュー 表示 → 構文 → インデントの言語を手動で設定できます。
language of choice
を選択してから再インデントしてください。
関連
-
[解決済み】divの高さを画面の残りスペースで埋めるようにする
-
[解決済み] BootstrapのCollapse Navbarが動作しない
-
[解決済み] HTML5のlocalStorageにオブジェクトを格納する方法は?
-
[解決済み] CSSでテキストや画像の背景を透明にするには?
-
[解決済み] HTML 5: Is it <br>, <br/>, or <br />?
-
[解決済み] jQueryのdocument.createElementと同等?
-
[解決済み] inline/inline-block要素間のスペースを削除するにはどうすればよいですか?
-
[解決済み] Sublime Text 2でデフォルトの構文を異なるファイルタイプに設定する
-
[解決済み] Sublime text 2でコードをインデントする?
-
[解決済み] Sublime Textで2つのファイルの内容を比較する
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] HTMLのテーブルからボーダーを完全に削除する方法
-
[解決済み] CSSコンテンツによるHTMLエンティティの追加
-
[解決済み] CSSだけでリンクを無効化する方法
-
[解決済み] ラジオボタンをデフォルトで選択するには?[重複しています]
-
[解決済み] Bootstrap 3 の sr-only とは何ですか?
-
[解決済み] label要素の中にinput要素を入れるべきですか?
-
[解決済み] HTML5でminlengthの検証属性はありますか?
-
[解決済み] 残りの幅を埋めるためにdivを展開する
-
[解決済み] Sublime text 2でコードをインデントする?
-
[解決済み] Sublime Text 3 テーマはなぜサイドバーに影響しないのですか?