我已经花了大约2个小时的时间搜索Google并尝试使用各种工具,但是它们要么不做缩进标记,要么它们与HTML5不兼容,例如著名的HTML整洁(最近3年更新)…

NB我不想将此应用于页面源(如PHP或JS那样),而是应用于编辑器中的代码,以便在标记之间出现清晰的层次结构。

理想情况下,我希望就像Mac OS X工具一样,但我将使用任何在线工具,最后再介绍一个Wine兼容的工具。

PS目前,我使用Panic的Coda

评论

Netbeans支持通过SHIFT + ALT + F进行代码格式化,大多数编辑器具有类似的功能-请查看所用手册。另请参阅:groups.google.com/group/coda-users/browse_thread/thread / ...

Netbeans会这样做(thx),但链接显示的Coda不会。

但是在链接的讨论中还提到了另外两个程序,它们可以做到...

我想如果您看的话,会发现Coda扩展添加了对HTML5元素的支持。

#1 楼

Aptana Studio 2可以在菜单“编辑”>“格式”中执行所需的操作。我用过它,它会格式化html,css和javascript。

所见即所得编辑器BlueGriffon在打开文件时也可以格式化html。开源,但Aptana可能更好。我不确定BG是否会使所有代码保持不变,也许不是。

注意:



安装后,Aptana 2需要正确配置,但是
这是一个很棒的html5 / css / javascript编辑器/ IDE 。默认配置有点糟。
Aptana 3可能无法满足您的要求。我尝试过的版本没有
做到。


评论


就个人而言,我不喜欢Eclipsish IDE(我不喜欢Eclipse:P)。

–宽容
2011年10月13日,1:11

Aptana是用于html / css / js的出色程序,在Dreamweaver中,要跟踪很大功能中javascript的打开和关闭括号或花括号,这是很痛苦的。

– Anagio
2012年3月20日14:05

谢谢您,这将我的项目文件从另一个IDE移到Aptana并缩进后,才挽救了我的性命。我手动重新缩进了成千上万行。在Aptana 3中,它位于“源”菜单>“格式”下。

–碗
19年7月12日在3:19

#2 楼

现在有一个整洁的HTML5版本,位于以下位置:
https://github.com/w3c/tidy-html5。

#3 楼

我一直在寻找在线工具,这可能就是为什么我找不到任何东西的原因。我指的是这样做的Coda插件PHP&Toolkit。
像Taco这样的大多数HTML编辑器都是本机执行的(但是不是Coda)。

#4 楼

我谦虚地建议Espresso2。

从他们的网站:


唯一的CSSEdit 3 — CSSEdit屡获殊荣的可视化工具,现在
内置浓咖啡。借助CSS3对多浏览器的出色支持,渐变,阴影等。

X射线的Web预览—查看CSS如何影响Web布局,
可视化边距和填充,并快速找到任何页面元素的相关样式规则。

强大而高效的编码— CodeSense,代码折叠,智能
代码片段,Zen编码和拖放导航器可帮助您在更短的时间内编写更好的代码。

实时样式和替代-编辑任何网站的CSS并查看其实时更新。无需保存,发布或重新加载。尝试和调整从未如此有趣。

轻松进行同步和发布-使用快速发布,服务器同步和
浏览,您拥有适用于任何基于服务器的工作流程的正确工具。新的
Vroom引擎超快。 >项目文件。

奇妙的发现-针头和干草堆,与Espresso见面。项目范围内的Find
,Replace,Quick Filter和彩色正则表达式使在
文件或文本中搜索变得轻而易举。全新
Ruby,Python,Apache和Markdown。或使用XML / JS Sugars扩展Espresso。


您可以阅读Mac Appstorm的评论以了解其质量。他们给它10/10。

#5 楼

Eclipse似乎在缩进/格式化HTML5方面做得不错。您只需在HMTL编辑器中加载的HTML文件上使用常规格式命令(Ctrl-Shift-F),它就会重新格式化。

要进行调整,请转到首选项->网络- > html文件->编辑器。您也可以在此处控制验证。 (我使用的是Eclipse v4.2.2。)

请注意,HTML编辑器要求您的Eclipse安装中包括Web Tools Platform(有关详细信息,请参见此答案)。

#6 楼

如果您正在寻找可以完成这项工作的Mac OS X工具,我会说TextMate。

我通常会做很多重新缩进,并且是我能够做的最好的缩进找到的就是那个。

我喜欢的是它实际上并没有重新排列您的代码,而是以按级别而不是按标签检查嵌套和缩进的形式重新缩进代码。

“缩进选择”功能特别有用。

评论


我使用textmate,它们何时为HTML引入了良好的格式化操作?请分享,因为我发现的所有内容都非常糟糕。虽然我仍在使用1.5。

– davidcondrey
2014年4月4日在16:22

#7 楼

JetBrains PhpStorm可与HTML,CSS或PHP的缩进一起很好而直观地使用。
可以在PHPStorm设置中更改的缩进类型(制表符或空格)。

#8 楼

我可以使用Dirtymarkup.com快速格式化HTML和JS。