書式の悪いHTMLコードがあって、それを再フォーマットしたいと思っています。Sublime Text 2でHTMLコードを自動的に整形して、見栄えや読みやすさを向上させるコマンドはありますか?
パッケージはTagしかありませんでした。
パッケージコントロールを使ってインストールすることができます。https://sublime.wbond.net
パッケージコントロールのインストール後パッケージコントロール(Preferences -> Package Control)に行き、install
と入力し、enterを押します。次に tag
と入力して enter を押します。
Tagをインストールした後、テキストをハイライトして、ショートカットCtrl+Alt+Fを押してください。
tidy]1とカスタムビルドシステムを併用して、HTMLを整形しています。
私のPackages/User/ディレクトリにHTMLTidy.sublime-buildがあります。
{
"cmd": ["tidy", "-config", "$packages/User/tidy_config.cfg", "$file"]
}
そして、同じディレクトリにtidy_config.cfgファイルがあります。
indent: auto
tab-size: 4
show-warnings: no
write-back: yes
quiet: yes
indent-cdata: yes
tidy-mark: no
wrap: 0
そして、ビルドシステムを選択し、ctrl+bまたはcmd+bを押すだけで、ファイルの内容を再フォーマットすることができます。その際、ちょっとした問題点として、ST2は自動的にファイルを再読み込みしないので、結果を見るためには、他のファイルに切り替えて戻る(あるいは他のアプリケーションに切り替えて戻る)必要があります。
Macでは、私はTidyをインストールするためにmacportsを使用しましたが、Windowsでは、自分でそれをダウンロードして、Tidyが置かれているビルドシステムの作業ディレクトリを指定する必要があります。
"working_dir": "c:\\HTMLTidy\\"
またはPATHに追加してください。