通過JavaScript顯示HTML層次結構

Question

我有任務：採取連續文本（HTML），並提供文本像標準的HTML在<pre>標記與所需的縮進。我怎樣才能做到這一點？

實施例：

<!-- From --> 
`<div><p>Hello World</p><ul><li>Item 1</li><li>Item 2</li><li>Item 3</li></ul></div>` 

<!-- To --> 
`<div> 
    <p>Hello World</p> 
    <ul> 
     <li>Item 1</li> 
     <li>Item 2</li> 
     <li>Item 3</li> 
    </ul> 
</div>` 

P.S.我有真正的文本資源，並通過插入$(elemen).find('pre').text(result)

Answer 1

1）Try js-beautify

這是一個JS美化的結果，但對於HTML工作過。

2）prettydiff