使其他标签呈现为纯文本的HTML标签

前端之家收集整理的这篇文章主要介绍了使其他标签呈现为纯文本的HTML标签前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想在一个页面添加一个区域,其中所有动态内容都以纯文本而不是标记呈现.例如:
<myMagicTag>
      <b>Hello</b> World
  </myMagicTag>

我想要< b>标签显示为只是文本,而不是作为一个大胆的指令.我宁愿不必编写代码来转换每个“<”到“&”. 我知道< textarea>会做,但它有其他不利的副作用,如添加滚动条.

myMagicTag是否存在?

编辑:这样做的jQuery或javascript函数也可以.不能做服务器端,不幸的是.

解决方法

您可以使用 script element(由我粗体):

The script element allows authors to include dynamic script and data blocks in their documents.

例:

<script type="text/plain">
This content has the media type plain/text,so characters reserved in HTML have no special meaning here: <div> ← this will be displayed.
</script>

(请注意,脚本元素的允许内容restricted,例如can’t将< / script>作为文本内容(将关闭脚本元素))

通常,脚本元素在浏览器的CSS中默认显示:none,因此您需要在CSS中覆盖,例如:

script[type="text/plain"] {display:block;}

猜你在找的HTML相关文章