我有一些格式很差的HTML代码,我想重新格式化。有没有一个命令,将自动重新格式化HTML代码在Sublime Text 2,使它看起来更好,更容易阅读?


当前回答

我使用整齐一起自定义构建系统来美化HTML。

我有HTMLTidy。在我的Packages/User/目录下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

选择build system并按CTRL+B或CMD+B重新格式化文件内容。一个小问题是ST2不会自动重新加载文件,因此要查看结果,您必须切换到其他文件并返回(或切换到其他应用程序并返回)。

在Mac上,我使用macports来安装tidy,在Windows上,你必须自己下载它,并在构建系统中指定工作目录,tidy所在的位置:

"working_dir": "c:\\HTMLTidy\\"

或将其添加到PATH中。

其他回答

有一个插件叫做SublimeHtmlTidy,它工作得很好

https://github.com/welovewordpress/SublimeHtmlTidy

我使用整齐一起自定义构建系统来美化HTML。

我有HTMLTidy。在我的Packages/User/目录下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

选择build system并按CTRL+B或CMD+B重新格式化文件内容。一个小问题是ST2不会自动重新加载文件,因此要查看结果,您必须切换到其他文件并返回(或切换到其他应用程序并返回)。

在Mac上,我使用macports来安装tidy,在Windows上,你必须自己下载它,并在构建系统中指定工作目录,tidy所在的位置:

"working_dir": "c:\\HTMLTidy\\"

或将其添加到PATH中。

只是一个一般的建议。我所做的自动整理我的HTML,是安装包HTML_Tidy,然后添加以下键绑定到默认设置(我使用):

{ "keys": ["enter"], "command": "html_tidy" },

每次输入都会运行HTML Tidy。这可能有缺点,我自己对Sublime很陌生,但它似乎做了我想要的:)

虽然这个问题是HTML,我也想额外提供有关如何自动格式化你的Javascript代码崇高的文本2;

你可以选择所有的代码(CTRL+A),并使用应用程序内的功能,reindent(Edit -> Line -> reindent),或者你可以使用JsFormat格式化插件Sublime Text 2,如果你想有更多可定制的设置如何格式化你的代码,以添加到Sublime Text的默认选项卡/缩进设置。

https://github.com/jdc0589/JsFormat

你可以很容易地安装JsFormat使用包控制(首选项->包控制)打开包控制,然后键入install,按ENTER。然后输入js format并按ENTER,你就完成了。 (包控制器会在Sublime的左下角显示安装成功和错误的状态)

将以下行添加到您的键绑定(首选项->键绑定用户)

{ "keys": ["ctrl+alt+2"], "command": "js_format"}

我使用CTRL+ALT+2,你可以改变这个快捷键任何你想要的。到目前为止,JsFormat是一个很好的插件,值得一试!

希望这能帮助到一些人。

Sublime中有六种左右格式化HTML的方法。我已经测试了每个最流行的插件(详见我在博客上写的文章),但这里是一些最流行的选项的快速概述:

重新缩进命令

优点:

与Sublime一起发布,所以不需要安装插件

缺点:

不删除额外的空行 不能处理带有多个打开标记的迷你HTML 不能正确格式化<script>块

Tag

优点:

支持ST2 / ST3 删除多余的空行 没有二进制依赖关系

缺点:

PHP标记阻塞 不能正确处理<script>块

HTMLTidy

优点:

处理PHP标签 一些调整格式的设置

缺点:

需要PHP(退回到web服务) ST2只 放弃了吗?

HTMLBeautify

优点:

支持ST2 / ST3 简单且没有二进制依赖 支持OS X, Win和Linux

缺点:

内联注释有点令人窒息 是否扩展最小化/压缩代码

HTML-CSS-JS美化

优点:

支持ST2 / ST3 处理HTML, CSS, JS 与Sublime的菜单有很好的集成 高度可定制的 项目的设置 保存格式选项

缺点:

需要node . js 对于嵌入式PHP来说不是很好

哪个是最好的?

在我看来,HTML-CSS-JS Prettify是赢家。有很多很棒的功能,没什么可抱怨的。