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

本文翻译自：How do I reformat HTML code using Sublime Text 2?

I've got some poorly-formatted HTML code that I'd like to reformat. 我有一些格式很差的HTML代码，我想重新格式化。 Is there a command that will automatically reformat HTML code in Sublime Text 2 so it looks better and is easier to read? 是否有一个命令可以自动在Sublime Text 2中重新格式化HTML代码，使其看起来更好并且更易于阅读？

#1楼

参考：https://stackoom.com/question/b5cf/如何使用Sublime-Text-重新格式化HTML代码

#2楼

You don't need any plugins to do this. 您不需要任何插件即可执行此操作。 Just select all lines ( Ctrl A ) and then from the menu select Edit → Line → Reindent. 只需选择所有行（ Ctrl A ），然后从菜单中选择“编辑”→“行”→“重新缩进”。 This will work if your file is saved with an extension that contains HTML like .html or .php . 如果您使用扩展名包含HTML的扩展名（如.html或.php来保存文件，则此方法有效。

If you do this often, you may find this key mapping useful: 如果您经常这样做，则可能会发现此键映射很有用：

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

If your file is not saved (eg you just pasted in a snippet to a new window), you can manually set the language for indentation by selecting the menu View → Syntax → language of choice before selecting the reindent option. 如果未保存文件（例如，您只是将其粘贴到新窗口中），则可以在选择“重新缩进”选项之前通过选择菜单“视图”→“语法”→ language of choice的语言”来手动设置缩进的language of choice 。

#3楼

There's a plugin called SublimeHtmlTidy which works pretty well 有一个名为SublimeHtmlTidy的插件，效果很好

https://github.com/welovewordpress/SublimeHtmlTidy https://github.com/welovewordpress/SublimeHtmlTidy

#4楼

Simply go to 只需转到

Edit -> Tag -> Auto-format tags on document 编辑->标签->自动格式化文档上的标签

#5楼

Just a general tip. 只是一般提示。 What I did to auto-tidy up my HTML, was install the package HTML_Tidy, and then add the following keybinding to the default settings (which I use): 我要做的是自动整理HTML，安装了软件包HTML_Tidy，然后将以下按键绑定添加到默认设置（我使用的是）：

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

this runs HTML Tidy with every enter. 每次输入都会运行HTML Tidy。 There may be drawbacks to this, I'm quite new to Sublime myself, but it seems to do what I want :) 这可能有弊端，我对Sublime还是很陌生，但它似乎可以满足我的要求:)

#6楼

I am yet to have the privilege to comment so this is simply additional information related to @peter's answer above answer. 我还没有发表评论的特权，因此这仅仅是与@peter 答案上面的答案相关的其他信息。

I found HTML did not align as expected if IE conditional comments in the header were not completely in-line eg flush to the left: 我发现，如果标头中的IE 条件注释未完全内联（例如，向左刷新），则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]-->

如何使用Sublime Text 2重新格式化HTML代码？相关推荐

（资源免费）Sublime Text 3如何格式化json文本+格式化Sql语句
Sublime Text 3如何格式化json文本+格式化Sql语句下面由sublime教程栏目给大家介绍sublime text3格式化json,希望对需要的朋友有所帮助! 问题研讨当前后端对接 ...
sublime c语言如何编译,Sublime Text 3 实现C语言代码的编译和运行(示例讲解)
Sublime Text 3是一款优秀的代码编辑软件.界面简洁,轻巧快速,很受大家的欢迎. 最近开始用他来编辑数据结构的代码,这就需要在新建编译系统. 具体方法如下: 首先: 接下来是关键的一步,将以 ...
Sublime Text 2 - 性感无比的代码编辑器！程序员必备神器！跨平台支持Win/Mac/Linux，支持32与64位，支持各种流行编程语言的语法高亮、代码补全等...
Sublime Text 2 - 性感无比的代码编辑器!程序员必备神器!跨平台支持Win/Mac/Linux,支持32与64位,支持各种流行编程语言的语法高亮.代码补全等-- 语法高亮.代码提示补全. ...
sublime3编程c语言,Sublime Text 3 实现C语言代码的编译和运行(示例讲解)
Sublime Text 3 实现C语言代码的编译和运行(示例讲解) 发布时间:2020-10-14 12:48:35 来源:脚本之家阅读:107 作者:jingxian Sublime Text ...
Sublime Text 2 - 性感无比的代码编辑器
Address: http://www.iplaysoft.com/sublimetext.html Sublime Text 2 - 性感无比的代码编辑器!程序员必备神器!跨平台支持Win/Mac/ ...
Lua sublime Text 2 - 性感无比的代码编辑器！程序员必备神器！跨平台支持Win/Mac/Linux
sublime Text 2 - 性感无比的代码编辑器!程序员必备神器!跨平台支持Win/Mac/Linux [ 编程开发, 编辑输入 - Windows, Mac, Linux // 20 ...
将Sublime Text 2配置为C#代码编辑器(附配置文件)
有时候我们需要编写一些小的代码片段时,在Visual Studio中创建一个工程就显得有点杀鸡用牛刀的感觉了,所有说对于一个程序员来说一款轻巧的代码编辑器还是很有必要的.原来我用的主要的Notepad ...
sublime安装codeformat实现格式化php代码
第一步 ctrl+shift+p 呼出控制台输入 install package 进入搜索插件第二步搜索插件 codeformatter 安装第三步待出现如下tab页面即安装成功第四步 ...
sublime text 3 中的php代码语法检测
sublime text 3 中存在一个php 代码语法检测的插件,如果在sublime中编写php代码出现了语法错误,可以在左侧出现红色的提示标志: 如图所示: 那么这样的效果在sublime编辑器 ...

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

#1楼

#2楼

#3楼

#4楼

#5楼

#6楼

如何使用Sublime Text 2重新格式化HTML代码？相关推荐

最新文章

热门文章