18910140161

JavaScript-iFrame:如何显示原始(纯文本)HTML?-堆栈溢出

顺晟科技

2022-10-18 12:54:37

114

我想在iframe中将HTML字符串显示为原始/纯文本HTML.

例如,显示";<b>Hello World</b>";(而不是Hello World)。

我试着像这样展示它:

<iframe srcdoc="<pre><b>Hello World</b></pre>"></iframe>

但没有成功。它显示粗体";Hello World";文字.

我正在使用Nuxt.JS.

我错过了

什么?


顺晟科技:

没有iframe

<pre id="code"></pre>

<script>
  document.getElementById('code').textContent = '<b>Hello World</b>';
</script>

使用iFrame

<iframe id="codeFrame"></iframe>

<script>
  function writeToIframe(iframe, markup) {
    iframe.contentWindow.document.open();
    iframe.contentWindow.document.write('<pre id="code"></pre>');
    iframe.contentWindow.document.getElementById('code').textContent = markup;
    iframe.contentWindow.document.close();
  }

  writeToIframe(document.getElementById('codeFrame'), '<b>Hello World</b>');
</script>
  • TAG:
相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航