treeview - Notepad++ 是否有 DOM 导航器/HTML 树视图

Question

我真的很喜欢 Notepad++，但有时脚本很难导航。我搜索了一个显示 DOM 的插件，例如 Espresso Navigator ( http://657b072aab060d50f8ce-d7abb53cb376b4947d77643d4b4a48d3.r79.cf1.rackcdn.com/2137_69d6dc6e.png )，但没有找到任何东西。

有什么建议么？

Answer 1

有 2 位可以帮助您导航。他们当然可以帮助我处理复杂的脚本。

左边距可以显示树并允许折叠或折叠某些 html 元素。这是一个很好的导航工具，可以“隐藏”整个标签以专注于代码的某些位。

要查看此树，请转到设置/首选项/编辑选项卡/文件夹边距样式/并设置“无”以外的任何内容。我自己更喜欢Box Tree。在这种模式下（可能还有其他模式），左边距下方的行变为红色以覆盖该标记内的所有行。

自然地，您将选择文件的语言为 HTML 或 Javascript 或任何您编辑的语言。

要隐藏整个 div（比如说），请单击 div 标签旁边的边距中的 +，它会被折叠。

现在为了帮助阅读文档并帮助折叠树发挥最佳作用，然后使用 TextFX HTML Tidy 以适合您的方式格式化代码。

如果处理其他人的格式错误且复杂的脚本，我有时甚至从 HTML Tidy 开始，然后使用折叠树来找出发生了什么。