Spaces:
Running
Running
| <html lang="ja"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <title>HTMLを入力して新しいタブに表示</title> | |
| </head> | |
| <body> | |
| <h1>HTMLを入力して新しいタブに表示する</h1> | |
| <!-- HTML入力用テキストエリア --> | |
| <textarea id="htmlInput" rows="10" cols="50" placeholder="ここにHTMLを入力してください"><html lang="ja"><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Full Screen iFrame</title><style>html,body{margin:0;padding:0;overflow:hidden;width:100vw;height:100vh}</style><iframe src="https://soiz-cookie2.hf.space/" style="width:100vw;height:100vh;border:none;display:block;margin:0;padding:0"></iframe></textarea><br> | |
| <!-- ボタン --> | |
| <button onclick="openNewTabWithHTML()">新しいタブで表示</button> | |
| <script> | |
| function openNewTabWithHTML() { | |
| // 入力されたHTMLを取得 | |
| const htmlContent = document.getElementById("htmlInput").value; | |
| // 新しいタブを開く | |
| const newTab = window.open("about:blank", "_blank"); | |
| if (newTab) { | |
| // 新しいタブのドキュメントにHTMLを挿入 | |
| newTab.document.open(); | |
| newTab.document.write(htmlContent); | |
| newTab.document.close(); | |
| } else { | |
| alert("新しいタブを開けませんでした。ポップアップブロッカーを無効にしてください。"); | |
| } | |
| } | |
| </script> | |
| </body> | |
| </html> | |