ChatGPT解决这个技术问题 Extra ChatGPT

如何使用 Sublime Text 2 重新格式化 HTML 代码?

我有一些格式不正确的 HTML 代码,我想重新格式化。是否有一个命令可以自动重新格式化 Sublime Text 2 中的 HTML 代码,使其看起来更好并且更易于阅读?

此外,如果您使用复古模式,您可以简单地在正常模式下使用 gg=G。
您可以浪费时间阅读整页内容,也可以直接获取 github.com/akalongman/sublimetext-codeformatter 并重新开始工作。

J
Josh Correia

您不需要任何插件来执行此操作。只需选择所有行 (CTRL+A),然后从菜单中选择 Edit → Line → Reindent。如果您的文件使用包含 HTML 的扩展名(例如 .html.php)保存,这将起作用。

如果您经常这样做,您可能会发现此键映射很有用:

{ "keys": ["ctrl+shift+r"], "command": "reindent" , "args": { "single_line": false } }

如果您的文件没有保存(例如,您只是将一个片段粘贴到一个新窗口),您可以通过选择菜单视图 → 语法 → language of choice 手动设置缩进的语言,然后再选择重新缩进选项。


顺便说一句,这也适用于非 HTML 源代码,例如 Ruby 或 JS
如果代码没有在一行上打开的多个标签也没有在一行上关闭,反之亦然,这很有效。
完美的!在 Mac 上,您需要 super 作为 cmd 键,例如: { "keys": ["super+shift+r"], "command": "reindent" , "args": {"single_line": false}}
line reindent 绝对不适用于重新格式化任意 HTML。例如当有多个没有换行符的html标签时。 @anneke 的 HtmlTidy 答案非常出色。据我所知,无论换行如何,它都会将源 html 完全正确地重新格式化为缩进良好的源。
对于新手,点击“Preferences”,然后选择“Key Binding - User”,在方括号之间粘贴peter的代码并保存文件。
W
Wavesailor

在 Sublime 中有六种左右格式化 HTML 的方法。我已经测试了每个最流行的插件(请参阅 writeup I did on my blog 了解完整的详细信息),但这里是一些最流行的选项的快速概述:

重新缩进命令

优点:

随附 Sublime,因此无需安装插件

缺点:

不删除多余的空行

无法处理缩小的 HTML、带有多个打开标签的行

没有正确格式化