我想要重新格式化一些格式不正确的 HTML 代码。有没有一个命令可以自动重新格式化 Sublime Text 2 中的 HTML 代码，让它看起来更好，更容易阅读？
【问题讨论】：
标签： html sublimetext2 sublimetext indentation reformat
我正在使用tidy 和自定义构建系统来美化 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 上我使用 macports 安装 tidy，在 Windows 上你必须自己下载并在构建系统中指定工作目录，即 tidy 所在的位置：
"working_dir": "c:\\HTMLTidy\\"
或将其添加到 PATH。
【讨论】：
对我来说，HTML Prettify 解决方案非常简单。我去了HTML Prettify page。
Sublime Package Manager
prettify
HTML prettify 选项轰隆隆。完毕。看起来不错
【讨论】：
虽然问题是针对 HTML 的，但我还想提供有关如何为 Sublime Text 2 自动格式化 Javascript 代码的信息；
您可以选择所有代码(CTRL+A) 并使用应用内功能 reindent(Edit -> Line -> @987654324 @) 或者您可以使用 Sublime Text 2 的 JsFormat 格式化插件，如果您希望在 Sublime Text 的默认制表符/缩进设置之外对如何格式化您的代码进行更多自定义设置。
https://github.com/jdc0589/JsFormat
您可以使用 Package Control (Preferences -> Package Control) 轻松安装 JsFormat 打开 package control 然后键入 install，点击 ENTER kbd>。然后输入js format 并点击ENTER，你就完成了。
（包控制器会在Sublime的左下栏显示安装成功和错误的状态）
将以下行添加到您的键绑定 (Preferences -> Key Bindings User)
{ "keys": ["ctrl+alt+2"], "command": "js_format"}
我用的是CTRL+ALT+2，你可以随意改变这个快捷键。到目前为止，JsFormat 是一个不错的插件，值得一试！
希望这会对某人有所帮助。
【讨论】：
【讨论】：
您不需要任何插件来执行此操作。
只需选择所有行 (CTRL+A)，然后从菜单中选择 Edit → Line → Reindent。
如果您的文件使用包含 HTML 的扩展名（如 .html 或 .php）保存，这将起作用。
如果您经常这样做，您可能会发现此键映射很有用：
{ "keys": ["ctrl+shift+r"], "command": "reindent" , "args": { "single_line": false } }
如果您的文件没有保存（例如，您只是在一个 sn-p 中粘贴到一个新窗口），您可以通过选择菜单视图 → 语法 → language of choice 在选择重新缩进选项之前手动设置缩进语言。
【讨论】：
HTML-CSS-JS Prettify - 最好的。
享受吧。
【讨论】：
我能找到的唯一包是Tag。
您可以使用包控制安装它。 https://sublime.wbond.net
安装包控制后。转到包控制（Preferences -> Package Control）然后输入install，点击enter。然后输入tag 并点击enter。
安装 Tag 后，突出显示文本并按下快捷键 Ctrl+Alt+F。
【讨论】：
Indent XML 或 IndentX 等。
你可以设置快捷键F12简单！！！
{ "keys": ["f12"], "command": "reindent" , "args": { "single_line": false } }
查看详情here。
【讨论】：
在 Sublime 中有六种左右格式化 HTML 的方法。我已经测试了每个最受欢迎的插件（请参阅writeup I did on my blog 了解全部详细信息），但这里是一些最受欢迎的选项的快速概述：
优点：
缺点：
<script> 块的格式不正确优点：
缺点：
<script> 块优点：
缺点：
优点：
缺点：
优点：
缺点：
HTML-CSS-JS Prettify 是我书中的赢家。很多很棒的功能，没什么好抱怨的。
【讨论】：
有一个不错的开源CodeFormatter plugin，它（连同重新缩进）可以美化脏代码，即使所有代码都在单行中。
【讨论】：
我创建了一个名为 HTMLBeautify 的包，它在重新格式化 HTML 方面做得不错。我基于我在 1997 年找到的一个 Perl 脚本来制作它——我更新了它以使用所有新奇的现代标签。 :)
看看，让我知道你的想法！
【讨论】：
我还没有评论的特权，所以这只是与@peter 的answer 以上答案相关的附加信息。
我发现如果标题中的 IE conditional comments 没有完全内联，例如 HTML 没有按预期对齐。向左对齐：
<!--[if lt IE 7]>
<p class='chromeframe'>Your browser is <em>unsupported</em>. <a href="http://browsehappy.com/">Upgrade to a different browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to experience this site.</p>
<![endif]-->
<!-- Le HTML5 shim, for IE6-8 support of HTML elements -->
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
【讨论】：
只是一般提示。我为自动整理我的 HTML 所做的是安装包 HTML_Tidy，然后将以下键绑定添加到默认设置（我使用的）：
{ "keys": ["enter"], "command": "html_tidy" },
这会在每次输入时运行 HTML Tidy。这可能有缺点，我自己对 Sublime 还很陌生，但它似乎可以满足我的要求 :)
【讨论】：
直接去
编辑 -> 标签 -> 文档上的自动格式化标签
【讨论】：
Sublime Text 2 Version 2.0.1, Build 2217 中看不到该菜单选项。您确定这是标准功能吗？
<b>somthing</b> 后跟逗号时，逗号将换行，从而在浏览器视图中的某物和逗号之间产生一个空格。
有一个名为 SublimeHtmlTidy 的插件非常好用
【讨论】：
【讨论】：