iframeにhtmlタグのパラメータをつけると、エラーが発生します

#前提条件・実現したいこと
下記のデータを入力して、GETで値を受け取り、iframeに入力した値を表示させます。

入力データ1 name=test
あいうえおかきくけこ

入力データ2 name=source

html
1<!DOCTYPE html>
2<html lang="en">
3<head>
4<meta charset="UTF-8">
5<meta name="viewport" content="width=device-width, initial-scale=1.0">
6<title>Document</title>
7</head>
8<body>
9
10</body>
11</html>

iframeの方に、getで受け取った値を表示します。

#問題点
iframeに、GETで受け取ったhtmlソースを代入しようとすると、下記のようなエラーが表示され、iframeの中の文章が表示されません。

#エラー
[Deprecation] Resource requests whose URLs contained both removed whitespace (\n, \r, \t) characters and less-than characters (<) are blocked. Please remove newlines and encode less-than characters from places like element attribute values in order to load these resources. See https://www.chromestatus.com/feature/5735596811091968 for more details.

#ソース
test_program.php

php
1<!DOCTYPE html>
2<html lang="en">
3
4<head>
5    <meta charset="UTF-8">
6    <meta http-equiv="X-UA-Compatible" content="IE=edge">
7    <meta name="viewport" content="width=device-width, initial-scale=1.0">
8    <title>Document</title>
9</head>
10
11<body>
12    <form action="" method="get">
13        <textarea name="test"><?= $_GET['test'] ?></textarea>
14        <textarea name="source"><?= $_GET['source'] ?></textarea>
15        <input type="submit" value="押下">
16    </form>
17    <iframe src="./test_iframe.php?test=<?= $_GET['test'] ?>&source=<?= $_GET['source'] ?>" frameborder="0"></iframe>
18</body>
19
20</html>

test_iframe.php

php
1<!DOCTYPE html>
2<html lang="en">
3
4<head>
5    <meta charset="UTF-8">
6    <meta http-equiv="X-UA-Compatible" content="IE=edge">
7    <meta name="viewport" content="width=device-width, initial-scale=1.0">
8    <title>Document</title>
9</head>
10
11<body>
12    <div><?= nl2br($_GET['test']) ?></div>
13    <div><?= nl2br($_GET['source']) ?></div>
14</body>
15
16</html>

#試したこと
test_program.phpのiframeの<?= $_GET['source'] ?>に、htmlspecialcharsをつけて表示させようとしたのですが、iframeが表示されませんでした。

iframeの部分にhtmlソースを表示させたいです。
皆様方のお力をお借りできればと思います。

行動規範の内容に同意します

回答1件

ベストアンサー

iframeのsrcに設定する文字列はURLエンコードされている必要があります。

PHP
1<iframe src="./test_iframe.php?test=<?= urlencode($_GET['test']) ?>&source=<?= urlencode($_GET['source']) ?>" frameborder="0"></iframe>

これでどうでしょうか。

投稿2021/08/07 02:25

itagagaki

総合スコア8402

unwind

2021/08/07 02:32

itagagaki様。コメント頂き、ありがとうございます。 itagagaki様のおかげで、無事、動くことが出来ました！お手数かけていただき、誠に感謝いたします。

行動規範の内容に同意します

あなたの回答

tips

プレビュー

行動規範の内容に同意します

質問の解決につながる回答をしましょう。サンプルコードなど、より具体的な説明があると質問者の理解の助けになります。また、読む側のことを考えた、分かりやすい文章を心がけましょう。

15分調べてもわからないことは
teratailで質問しよう！

ただいまの回答率
85.35%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう！

iframeにhtmlタグのパラメータをつけると、エラーが発生します

関連した質問