jQuery - 如何格式化可讀的HTML語法？

我想生成HTML代碼。結果被注入一個textarea。之後用戶可以簡單地複製結果代碼。我的問題是生成的HTML代碼沒有製表符和換行符，這使得它很難閱讀。jQuery - 如何格式化可讀的HTML語法？

我希望它看起來像：

HTML

<ul> 
    <li>Coffee</li> 
    <li>Tea</li> 
    <li>Milk</li> 
</ul>

您是否嘗試過任何可以與我們分享的內容？ –

像那樣：http://jsfiddle.net/9NCvd/2/？ –

看看[這個SO問題，簡單的HTML漂亮打印]（http://stackoverflow.com/questions/8348545/simple-html-pretty-print） – rwisch45

只需添加一個\n到每一行的末尾：

注意：您可以添加標籤。只需使用\t

2014-05-02 20:36:42 Anthony

我不喜歡這個答案，因爲它是不是編程的東西，因此，如果我將html粘貼到文本區域將不起作用。這就是爲什麼我給你一個downvote。我假設用戶不只是想讓「textarea」獲得一個值，但有能力將HTML粘貼到某種斷行工具中，比如jsfiddle格式化工具可能會做的事情。 – Fallenreaper

你不能。這將需要HTML來格式化，並且HTML不會在textarea內呈現。如果你想格式化，溝渠textarea和使用別的東西。

編輯：我撒謊。您只需在需要換行的地方插入換行符\n。

2014-05-02 20:33:52

您不能添加製表符，但可以在每行換行後使用\n，並且可以使用（兩個或四個）空格模擬製表符。

2014-05-02 20:36:00 AstroCB

我認爲你正在嘗試做的是這樣的：http://jsfiddle.net/hvuLU/

有我創建了一個解碼功能。

function myDecode(s){ 
    return s.replace(/\&lt;/g,"<").replace(/\&gt;/g,">"); 
}

這這裏，將允許你這樣做：

粘貼到文本框下面有個框來呈現。 Stackoverflow如何使用textarea然後渲染區域。

2014-05-02 20:48:04 Fallenreaper

回答