在textarea中没有渲染代码

我正在使用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代码片段将是完美的。

来源

2013-03-03 Jeremy Blazé

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

这是页面底部的黄色textarea。 http://pholiooo.com – 2013-03-03 00:57:55

你是HTML编码的代码？如''''变成'<' – Snixtor 2013-03-03 00:59:49

HTML需要进行编码以确保它显示在文本区域内。鉴于你的jQuery的要求我会怀疑像下面这样将适合该法案：

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

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

来源

2013-03-03 10:19:44

在textarea中没有渲染代码

回答

相关问题