☰

可以折叠 tree -h 的输出吗？

tag-icon • tag-icon command-line html tree
可以折叠 tree -h 的输出吗？

我正在尝试添加一个 javascript 来tree -h输出一个 HTML 文件，该文件可以折叠所有子元素，并且只显示父元素。我发现使用 JavaScript 很难做到这一点，因为通过 创建的 HTML 文件中没有区分参数tree -h。有人知道我们是否可以编辑 HTML 文件，使父目录默认可折叠，并且可以展开以查看其内容吗？

输出file.html：

<html>
<body>
<h1>Directory Tree</h1><p>
<a href=".">.</a><br>
├── <a href="./1">1</a><br>
├── <a href="./b6a8F5G.gif">b6a8F5G.gif</a><br> 
├── <a href="./error-page/">error-page</a><br>
│   ├── <a href="./error-page/css/">css</a><br>
│   │   └── <a href="./error-page/css/style.css">style.css</a><br>
│   ├── <a href="./error-page/index.html">index.html</a><br>
│   ├── <a href="./error-page/wrong-password.html">wrong-password.html</a><br>
│   └── <a href="./error-page/wrongsr.html">wrongsr.html</a><br>
├── <a href="./sr_fix.py">sr_fix.py</a><br>
├── <a href="./test_nova.py">test_nova.py</a><br>
├── <a href="./test-req.py">test-req.py</a><br>
└── <a href="./testspace.py">testspace.py</a><br>
<br><br>
</p>
<p>
<br><br>
</p>
<hr>

</body>
</html>

答案1

您可以使用 JSON 输出树（1）而是（tree -J），然后使用网络上众多可用的基于 JS 的渲染器之一来渲染结果 json，例如：

相关内容