1

HTML コードを HTML ページに埋め込みたいと考えています。HTML 埋め込みコードのスタイルが完全なレイアウトを妨げているため、iframe を使用したいと考えています。問題は、この HTML コードがデータベースから取得されているため、リンク先の .html ページがないことです。私は次のようなことを試しました：

<iframe>${htmlContent} </iframe>

${htmlContent}単純な html コンテンツが含まれている場所。

<html>
<head>
<title></title>
</head>
<body>
</body>
</html>
4

1 に答える 1

1

この回答は、保存された HTML から タグ<html>とタグを取り除くことができ、マークアップに配置するときにそれができることを前提としています。</html>HtmlEncode

エンコードされた HTML を div のようなものに保存します...

<div id="htmlstore" style="display:none;">{html goes here}</div>

だから、それは次のように見えます...

<div id="htmlstore" style="display:none;">&lt;body&gt;This is my text&lt;/body&gt;</div>

次に、次の Javasacript を使用します。これは「HtmlDecode」(残念ながら、これを行うためのネイティブの JavaScript 関数はありません) してから、iframe に配置します。

<script type="text/javascript">
  window.onload = function(){
    var html = document.getElementById("htmlstore").innerHTML;
    html = html.replace(/&lt;/g,"<").replace(/&gt;/g,">");
    var frameDoc = document.getElementById("newframe").contentWindow.document;
    frameDoc.documentElement.innerHTML = html;
  }
</script>
于 2012-08-29T15:27:00.423 に答える