格式化 HTML 代码的工具答案

【问题标题】：Tool to Format HTML Code格式化 HTML 代码的工具
【发布时间】：2012-11-16 20:22:17
【问题描述】：

是否有一个工具/网络应用程序可以自动将 HTML 文件整理到正确的选项卡结构中？例如，从此：

<table><tr><td>Hello Wolrd</td></tr></table>

到这里：

<table>
    <tr>
        <td>Hellow World!</td>
    </tr>
</table>

我使用很多其他人的代码，我无法忍受 HTML 中糟糕的组织。

【问题讨论】：

【解决方案1】：

我使用http://jsbeautifier.org/，它与 HTML 和 JavaScript 配合得非常好，除了你可以配置标识、大括号和其他东西

在这种情况下，您的代码的输出是：

<table>
    <tr>
        <td>Hello Wolrd</td>
    </tr>
</table>

还有http://dirtymarkup.com/，看起来也很有用。

我发现http://www.freeformatter.com/html-formatter.html 有各种格式化程序和验证程序。

还有http://infohound.net/tidy/，它似乎会生成所有有效的 HTML 标记，以备不时之需。

【讨论】：

【解决方案2】：

如果您经常使用 HTML，那么您需要某种编辑器/开发环境来帮助您。

有很多，它们很可能会提供超越格式化的生产力功能。

所以我的建议是货比三家，看看哪种编辑器/环境最适合您的需求，并使用该特定工具提供的任何格式。

【讨论】：

【解决方案3】：

在商业上，Adobe 的 Dreamweaver 有一个非常非常好的“应用源格式”功能。这可能不是您所说的价格点，但如果您已经拥有许可证，它就可以很好地工作。

【讨论】：

【解决方案4】：

您可以使用网络应用程序来格式化 HTML 文本。我经常使用的网络应用程序位于-HTML text freeformatter。只需按照 2-3 步操作，即可获得格式正确的 HTML 文本。

如果您使用的是 microsoft visual studio 2012 或更高版本，您可以使用以下命令来格式化 HTML 文本-

Ctrl+k, Ctrl+f

【讨论】：