我有一些格式很差的HTML代码,我想重新格式化。有没有一个命令,将自动重新格式化HTML代码在Sublime Text 2,使它看起来更好,更容易阅读?
当前回答
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是赢家。有很多很棒的功能,没什么可抱怨的。
其他回答
我创建了一个名为HTMLBeautify的包,它可以很好地重新格式化HTML。我以1997年找到的Perl脚本为基础,对其进行了更新,使其能够与所有时髦的现代标记一起工作。:)
看看吧,让我知道你的想法!
https://github.com/rareyman/HTMLBeautify
我还没有权限发表评论,所以这只是关于@peter上述回答的补充信息。
我发现HTML没有按照预期对齐,如果IE的条件注释在标题中不是完全内联的,例如冲到左边:
<!--[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中有六种左右格式化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是赢家。有很多很棒的功能,没什么可抱怨的。
简单地去
编辑->标签->自动格式化文档标签
推荐文章
- HTML的“nonce”属性用于脚本和样式元素的目的是什么?
- 我如何在HTML中创建一个泪滴?
- 在另一个js文件中调用JavaScript函数
- 我怎么能强迫一个长字符串没有任何空白被包装?
- 在哪里放置JavaScript在HTML文件?
- 如何在引导栏中居中内容?
- IE8问题推特引导3
- 是否有可能使一个div 50px小于100%在CSS3?
- 为什么CSS选择器/ HTML属性首选破折号?
- 如何在标题属性中转义双引号
- Safari和Chrome桌面浏览器无法自动播放视频
- 自动高度
- 如何将JavaScript文件链接到HTML文件?
- 正确的mime类型的SVG图像嵌入字体
- jQuery的窗口大小调整