哪个工具可以整理/缩进HTML5?[关闭]


13

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

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

理想情况下,我想要Mac OS X工具,但我将使用任何在线工具,最后重新订购与Wine兼容的工具。

PS,目前我使用Panic的Coda


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

如链接所示,Netbeans会这样做(thx),但Coda不会。
WaterBearer 2011年

但是在链接的讨论中还提到了另外两个可以执行的程序…
Feeela

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

Answers:


6

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

打开文件时,所见即所得的编辑器BlueGriffon也可以格式化html。

两种解决方案都是免费和开源的,但是Aptana可能更好。我不确定BG是否会使所有代码保持不变,也许不是。

笔记:

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

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

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

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


3

我一直在寻找在线工具,这可能就是为什么我找不到任何东西的原因。
有人向我指出了做到这一点的Coda插件PHP和Toolkit。同样,大多数HTML编辑器(如Taco)都是本地执行的(但Coda并非如此)。


1

我谦虚地建议Espresso 2

从他们的网站:

一个且唯一的CSSEdit 3-CSSEdit屡获殊荣的可视化工具,现在位于Espresso中。出色的CSS3支持多浏览器渐变,阴影等。

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

强大而高效的编码-CodeSense,代码折叠,智能代码段,Zen编码和拖放式Navigator可以帮助您在更少的时间内编写更好的代码。

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

轻松同步和发布-使用快速发布,服务器同步和浏览,您可以使用正确的工具来处理任何基于服务器的工作流。新的Vroom引擎超快。

适合您工作流程的工作区-创新的工作区为您提供了Tabs的灵活性,同时可以与Project文件顺利集成。

奇妙的发现-针和干草堆,遇见意式浓缩咖啡。项目范围内的查找和替换,快速过滤和彩色正则表达式使搜索文件或文本变得轻而易举。

语言支持-改进的HTML5,CSS3,JavaScript和PHP;全新的Ruby,Python,Apache和Markdown。或使用XML / JS Sugars扩展Espresso。

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


1

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

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

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


0

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

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

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

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


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

0

JetBrains PhpStorm可以使用HTML,CSS或PHP的缩进功能来实现出色而直观的工作。您可以在PHPStorm设置中更改缩进类型(制表符或空格)。


By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.