HTML 代码的可扩展视图？答案

【问题标题】：Expandable view of HTML Code?HTML 代码的可扩展视图？
【发布时间】：2015-09-22 06:25:06
【问题描述】：

我正在开发一个编辑器，用户可以在其中美化和验证 HTML 代码，并将 HTML 代码转换为可展开的视图，用户可以在其中展开和折叠 HTML 标签。我在谷歌上搜索了很多，但没有找到与可扩展视图相关的任何内容。

这可以通过 Javascript 或 Jquery 实现吗？

【问题讨论】：

这里的可展开视图是什么意思？
你的意思是这样的：
这是一个例子
会被折叠成
...
或者你到底是什么意思？
像这样-bodurov.com/JsonFormatter（这是用于 JSON）可扩展的树视图。我想要同样的 HTML 代码
所以基本上是 devtools 中的 Chrome 元素检查器？这在 javascript 中当然是可能的（因此在 jQuery 中也是可能的），而且也不是太难。简而言之，这可以通过对 html 代码进行镜像来完成，并将镜像树中的每个元素映射到真实树，然后首先折叠。如果用户按下，则将其内容设置为真实树的内容。等等。我不知道有这样一个库可以为你做这件事。
到目前为止，这里发布的答案非常糟糕。如果情况没有好转，我将结束这个问题。

【解决方案1】：

可能是this plugin可以帮助你。 Here 是一个演示。

如果你不关心兼容性，使用简单的html5标签details。

UPD。可能是我没有正确理解你。我认为您需要树插件。比如this或this。

【讨论】：