如何在混乱的HTML代码中添加换行符

时间:2012-02-18 22:24:19

标签: javascript html formatting

我的html代码看起来像是:

<html><head> <script type="text/javascript"> window.onload = runJcript('fixads()');</script> <link rel="stylesheet" href="http://wik253.googlecode.com/files/jquery.ui.all.css" type="text/css"> <link rel="stylesheet" href="http://wik253.googlecode.com/files/main5.css" type="text/css"> </head><body></body>

阅读和使用起来非常困难,有没有办法让它达到正确的格式,如:

<html>
<head>
 <script type="text/javascript"> window.onload = runJcript('fixads()');
</script> 
<link rel="stylesheet" href="http://wik253.googlecode.com/files/jquery.ui.all.css" type="text/css"> 
<link rel="stylesheet" href="http://wik253.googlecode.com/files/main5.css" type="text/css"> </head>
<body>
</body>
</html>

因此它更具可读性和可行性。 他们的工具或在线脚本是否可以帮助我做到这一点?

谢谢, Praney

3 个答案:

答案 0 :(得分:2)

如果您使用的是为编码而编写的文本编辑器,则编辑器通常具有清除缩进的功能。在凯特,您可以在工具&gt;下找到该功能。清洁缩进。

如果您要生成HTML,可以查看HTML Tidy:http://tidy.sourceforge.net/

答案 1 :(得分:1)

取决于您的使用案例。如果你只是需要在这里和那里做几个文件,你可以使用美化器,如:http://jsbeautifier.org/(美化HTML代码)

如果您在应用程序中需要它,可以查看为上述网站提供支持的js-beautify引擎:https://github.com/einars/js-beautify

答案 2 :(得分:0)

您可以使用HTML Tidy,这是一个超过here的在线版本。 或者您可以下载它以在您的应用程序here中使用。

许多IDE都有像Dreamweaver这样的清理选项。