1

我正在使用 textarea 来显示代码（是的，它必须是 textarea，没有奇怪的替代方案），在 textarea 中，我拥有从元描述到 favicon 链接的所有内容。它正在将整个网站的图标链接更改为它在文本区域中所说的内容！有没有办法让文本显示出来并阻止它呈现 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 片段将是完美的。

4

1 回答 1

2

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

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

<textarea class="code" name="code" rows="10"></textarea>
于 2013-03-03T10:19:44.873 回答