HTML iframe ジェネレーター
<iframe> を生成します。ソースURL、タイトル、サイズ、読み込み・リファラー・全画面表示のオプションを設定して、すぐに使えるHTMLをコピーできます。無料・即時・AI不使用。
入力
アクセシビリティのために必要です。空欄の場合は適切なデフォルトが使われます。
設定
要素にカスタムCSSクラスを追加します。複数のクラスはスペースで区切ってください。
出力
HTML
役に立ちましたか？
このツールを使う他の方法
REST API
curl -X POST https://api.iotools.cloud/v1/tool/html-generator/iframe \
-H "Authorization: Bearer YOUR_API_KEY" \
-H "Content-Type: application/json" \
-d '{
"customSource": "https://example.com",
"customTitle": "",
"customAllowFullscreen": "",
"customLoading": "eager",
"customReferrerPolicy": "no-referrer",
"customHeight": "",
"customWidth": "",
"customClasses": ""
}'ご自身のアカウントのキーに差し替えてください。ツールのフィールドがそのままリクエストボディになります——ラッパーはありません。
AIエージェントに依頼する
Use the IOTools `html-generator__iframe` tool (HTML Iframe Generator) on this input:
YOUR_INPUT_HEREIOTools MCPサーバーに接続された任意のエージェントにこれを貼り付け、入力内容を追加してください。
埋め込みウィジェット
<iframe
src="https://iotools.cloud/embed/html-generator/iframe/"
width="100%" height="520" frameborder="0" scrolling="no" loading="lazy"
title="HTML iframe ジェネレーター — iotools.cloud"
sandbox="allow-scripts allow-forms allow-same-origin allow-downloads allow-popups allow-popups-to-escape-sandbox"
allow="clipboard-write"
style="width:100%;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden"></iframe>
<script src="https://iotools.cloud/embed.js" async></script>ご自身のページに貼り付けるだけ——無料、キー不要、リンクを掲載するだけです。
| API/MCP 1回あたりの費用 | 5クレジットから |
|---|---|
| クレジットが足りませんか? | 料金を見る |
次の方法でも利用可能
ガイド
すぐに貼り付けられる<iframe>を作成します。ソースURL、アクセシブルなタイトル、サイズ、読み込み・リファラー・全画面表示のオプションを設定し、生成されたHTMLをコピーしてください。
すべてお使いのブラウザ内で動作します。AIの呼び出しもクレジットも、ネットワーク通信も不要です。入力に合わせて出力が即座に更新されます。
使い方
- ソースURL（必須）とタイトルを設定します。iframeにはアクセシビリティのためタイトルが必要です。空欄のままにすると「Embedded content」が使われます。
- 設定で、読み込み動作、リファラーポリシー、全画面表示の許可、サイズを調整します。
- 生成されたHTMLをコピーまたはダウンロードします。
なぜライブプレビューがないのですか？
出力はサニタイズされていない生のマークアップであり、任意のサードパーティURLをこのページに直接埋め込むのは安全ではありません。コードを自分のページに貼り付けると、文脈の中で確認できます。
htmliframeembedgenerator