主页 / 问题 / 1059230
Accepted
DmitryDevelop
Asked:2020-12-16 15:52:34 +0000 UTC2020-12-16 15:52:34 +0000 UTC

如何防止在文本中读取 html

  • 772

必须禁止读取某个标签中的html代码

并且其中的所有内容都被迫被视为文本，即使里面有 html 标签。也就是说，如果 <br> Hello 来自服务器，那么你不需要做换行，只需将标签显示为文本即可。似乎在 html 中有特殊的文本标签，其中总是有文本

在谷歌上找不到答案

javascript

4 个回答

  1. <xmp>
  <h1>asdasd</h1>
  <p>1</p>
  <p>2</p>
  <p>3</p>
</xmp>

    • 3
  2. Best Answer

    该标签script是标准的，适用于所有浏览器......
    它不仅仅是用于代码。事实上，任何文本内容都可以在这个标签中。
    主要是指定MIME类型，让浏览器不会将内容感知为代码：

    document.querySelector('#show').addEventListener('click', e => {
  const hc = document.querySelector('#hidden-content'); 
  e.target.parentElement.textContent = hc.innerHTML; // ◀
}); 
    div { white-space: pre-line; }
    <p>Видим на странице</p>
<div>
  <button id="show">Показать скрытое как текст</button>
</div>

<!-- Невидимый контент -->
<script type="text/html" id="hidden-content">
  <p>Lorem ipsum dolor sit amet</p>
</script>

    唯一不能放在这样一个元素中的是嵌套元素script（因为结束标签）。

    • 2

  3. 注意标签<pre>。但它对以下标签的使用有一些限制<big>, <img>, <object>, <small>, <sub>, <sup>。

    • 2

  4. 如果你只使用html，那么只有在使用标签<plaintext>的时候，代码才会在不使用的情况下按原样显示。但是，该标签不包含在规范中。布局将失效。

    <plaintext>Этот тег<br>выведется как есть</plaintext>

    最好使用将返回带有实体的文本的函数对服务器上的代码进行预处理，然后一切都会如其所愿。例如在 PHP 中：

    echo htmlentities("Этот тег<br>выведется как есть", ENT_QUOTES);
    • 1

相关问题