2013-03-03 68 views
1

我正在使用textarea來顯示代碼(是的,它必須是textarea,沒有奇怪的選擇),並且在textarea裏面我有從元描述到favicon鏈接的所有內容。它正在改變整個網站的favicon鏈接到它在textarea中所說的內容!有沒有辦法讓文本顯示並停止呈現HTML?在textarea中沒有渲染代碼

一個生動的例子可以在www.pholiooo.com找到,這裏是我做了一個簡短的例子。

<textarea class="code" name="code" rows="10"><html> 
<head> 
    <title>%name%</title> 
    <meta name="description" content="%bio%"> 
    <link rel="icon" href="%favicon%"> 
</head> 
<body> 
    <h1>%name%</h1> 
    <h2>%slogan%</h2> 
    <a href="http://dribbble.com/%dribbble_username%">See my work</a> 
    <p>%bio%</p> 
</body> 
</html></textarea> 

jQuery代碼片段將是完美的。

+0

你需要顯示的代碼示例。 – Floris 2013-03-03 00:55:44

+0

這是頁面底部的黃色textarea。 http://pholiooo.com – 2013-03-03 00:57:55

+2

你是HTML編碼的代碼?如''''變成'<' – Snixtor 2013-03-03 00:59:49

回答

2

HTML需要進行編碼以確保它顯示在文本區域內。鑑於你的jQuery的要求我會懷疑像下面這樣將適合該法案:

<script> 
    var someHtmlString = "<html>...</html>"; 
    $("textarea.code").text(someHtmlString); 
</script> 

<textarea class="code" name="code" rows="10"></textarea>