javascript - 将标记/代码作为文本发布

Question

我有一个页面，其中包含一些使用 HTML/CSS/JavaScript 的非常基本的示例。我希望能够将这些示例的代码以文本形式发布在我的网站上。我尝试使用 pre 和 code 元素来包装表示代码的文本 block 。

这是网站:https://mywebspace.wisc.edu/jkinzel/examples/

最后一个小问题是，在某些情况下，< 和 > 被编码为 > 和 <。您可以在第二个示例的代码(在 JavaScript 和 CSS 标题下)中看到这种情况，但仅限于某些情况。其他时候它们正确显示为 < 和 > (这就是我想要的)。

有人知道为什么有时会发生这种情况而不是其他情况吗？

Answer 1

来 self 上面的评论:

这是文本被编码两次的结果；也就是说，它会编码一次，将 < 和 > 字符转换为 HTML 实体，然后再次编码，这会使它们停止工作。也就是说，< 在编码两次时会变成 <。

更多详细信息:为了以源形式显示 HTML，需要编码的最重要字符是“<”和“&”；通常人们也会对“>”进行编码，尽管通常这不是问题。 (实际上，“&”本身通常也不是问题，但无论如何。)HTML 实体看起来像“&foo;”，其中“foo”是某个键。因此，当您对文本进行编码时，最终会得到“&foo;”到处都是。当您再次编码时，这些小字符串开头的“&”将被重新编码为“&”。