不在textarea中呈现代码

时间:2013-03-03 00:53:14

标签: jquery html textarea rendering

我正在使用textarea来显示代码(是的,它必须是textarea,没有奇怪的选择)并且在textarea中我已经拥有从元描述到favicon链接的所有内容。它将整个网站的favicon链接改为它在textarea中所说的内容!有没有办法让文本显示并阻止它呈现HTML?

可以在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代码段将是完美的。

1 个答案:

答案 0 :(得分:2)

需要对HTML进行编码,以确保它在文本区域中显示。鉴于您的jQuery要求,我怀疑以下内容适合该法案:

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

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