不在textarea中呈现代码[重复]答案

【问题标题】：Not rendering code in textarea [duplicate]不在textarea中呈现代码[重复]
【发布时间】：2013-03-03 00:53:13
【问题描述】：

我正在使用 textarea 来显示代码（是的，它必须是 textarea，没有奇怪的替代方案），在 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 sn-p 将是完美的。

【问题讨论】：

你需要展示一个代码示例。
这是页面底部的黄色文本区域。 pholiooo.com
您是否对代码进行了 HTML 编码？如，'
没有。那不会只是显示在文本区域中的编码吗？
见stackoverflow.com/questions/2502360/…

标签： jquery html textarea rendering

【解决方案1】：

需要对 HTML 进行编码以确保它显示在文本区域内。鉴于您的 jQuery 要求，我怀疑类似以下内容会符合要求：

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

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

【讨论】：