评论div关闭自动化

Question

我正在寻找一个解决我所交给的代码大鼠的解决方案 - 它的数量庞大，所以我正在寻找建议采用程序化的方法来评论div关闭的位置。

示例：

BEFORE

<div id="wrapper-item">
<div id="outer-item">
    <div class="inner-item">
<h1>Just Some Placekeeper Copy</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing.</p>
    </div>
</div>  
</div>

AFTER

<div id="wrapper-item">
<div id="outer-item">
    <div class="inner-item">
<h1>Just Some Placekeeper Copy</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing.</p>
    </div><!-- .inner-item -->
</div><!-- #outer-item -->      
</div><!-- #wrapper-item -->

我尝试了几次正则表达式尝试，没有快乐，我很好奇最好的方法是什么..

Answer 1

如果它是有效的xhtml，那么你可以把它放在一个XML文档中，然后通过查找所有这些来继续处理div标签，然后添加一个包含你想要的注释节点的兄弟。

Answer 2

单独的正则表达式可能有效，但编写一个由正则表达式增强的程序可能会更好。获取 < div id=" 和>之间的文本，然后将其添加到列表或堆栈中，并按顺序将其与int索引链接。继续扫描它，找到''标签后，弹出堆叠上的最新文本，并将其格式化为注释。

Answer 3

我只是使用脚本来正确缩进HTML，这样我就可以一目了然地检查所有标签是否正确关闭 - 缩进正确地返回触摸左边距。要检查哪些开头与我使用折叠文本编辑器（如SciTe或Komodo Edit）的结束匹配，以便我可以通过打开和折叠部分来浏览正确缩进的代码。

如果有人对缩进脚本感兴趣（用tcl编写）我可以将它上传到某个地方。或者，您可以尝试使用HTMLTidy等格式进行格式化。

Answer 4

您可以将XML / DOM API用于特定语言，并使用它处理注释对象的方式。 例如，Python - http://docs.python.org/library/xml.dom.html#comment-objects

Answer 5

<div>whatever</div>
<!-- this comment is already deprecated -->

只需使用一个体面的编辑器突出显示开始/结束标记。即便NotePad2也这样做。大多数编辑者也可以选择标签和内容，或仅选择内容。许多编辑也会为你重新格式化html（如果你敢）。

评论标签的结尾会变得不同步，甚至更难以为您或您的同事效仿。

如果你最终成功地为每个div，span，p，ul等标签添加冗余注释，我认为你会发现代码更加臃肿且不可读。