我有一些格式很差的HTML代码,我想重新格式化。有没有一个命令,将自动重新格式化HTML代码在Sublime Text 2,使它看起来更好,更容易阅读?
当前回答
我唯一能找到的包裹就是泰格。
您可以使用包控件安装它。https://sublime.wbond.net
安装包控制后。进入包控制(首选项->包控制),然后输入install,按enter。然后输入标签并按enter键。
安装标签后,突出显示文本并按快捷键Ctrl+Alt+F。
其他回答
我还没有权限发表评论,所以这只是关于@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。
我有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-CSS-JS美化-手下来最好的。
安装包控制 ⌘+ left shift + p(或ctrl + alt + left shift + p) -> Package Control:安装包 进入HTML-CSS-JS Prettify 安装节点 重新启动Sublime文本
享受。
你可以轻松设置快捷键F12 !!
{ "keys": ["f12"], "command": "reindent" , "args": { "single_line": false } }
详情请点击这里。
虽然这个问题是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是一个很好的插件,值得一试!
希望这能帮助到一些人。
推荐文章
- 为什么我的CSS3媒体查询不能在移动设备上工作?
- 下一个元素的CSS选择器语法是什么?
- 我如何用CSS跨浏览器绘制垂直文本?
- 如何获得box-shadow在左侧和右侧
- 相对定位一个元素,而不占用文档流中的空间
- JavaScript错误(Uncaught SyntaxError:意外的输入结束)
- 如何在jQuery检索复选框值
- 禁用身体滚动
- 如何在删除前显示确认消息?
- 在一个CSS宽度的小数点后的位置是尊重?
- 如何在SSH上使用Sublime
- 我怎么能选择一个特定的类的最后一个元素,而不是父里面的最后一个孩子?
- 反应:为什么当道具改变时子组件不更新
- 我怎么能检查html元素,从DOM消失失去焦点?
- 在Atom编辑器中是否有格式化HTML的命令?