Q&A
表示画面ではどのように表示していますか？
問題点
入力画面(post.php)でtextareaに入力したテキストを改行すると、表示画面(home.php)で改行部分が\r\nとでてきてしまう。
）例
改行したい
改行したい
改行したい
↓
改行したい\r\n\r\n改行したい\r\n\r\n改行したい
実現したいこと
\r\nを表示させずにtextareaの入力内容をそのまま表示させたい。
）例
改行したい
改行したい
改行したい
↓
改行したい
改行したい
改行したい
コード
(post.php) <?php session_start(); //DB接続 include_once('dbconnect.php'); if (!isset($_SESSION['user'])) { header('location:login.php'); } //投稿するボタンを押したときの処理 if (isset($_POST['posting'])) { $post_name = $mysqli->real_escape_string($_POST['post_name']); $post_author = $mysqli->real_escape_string($_POST['post_author']); $post_introduction = $mysqli->real_escape_string($_POST['post_introduction']); $post_image = "bookimage/".$_FILES['post_image']['name']; //uses_idをpost_idに代入 $query2 = "SELECT user_id FROM users WHERE user_id=".$_SESSION['user'].""; $result = $mysqli->query($query2); while ($row = $result->fetch_assoc()) { $post_id = $row['user_id']; } //POSTされた情報をDBへ格納する $query = "INSERT INTO posts SET post_name=?, post_author=?, post_introduction=?, post_image=?, post_id=?"; $stmt = $mysqli->prepare($query); $stmt->bind_param("ssssi", $post_name, $post_author, $post_introduction, $post_image, $post_id); $stmt->execute(); move_uploaded_file($_FILES['post_image']['tmp_name'], $post_image); } ?> <!doctype html> <html lang="ja"> <head> <meta charset="utf-8"> 〜省略(Bootstrap使ってます)〜 </head> <body> <!-- Posting-wrapper --> <div class="posting-wrapper py-5"> <div class="container"> <div class="row"> <div class="col-md-6 offset-md-3 text-center"> <h2 class="mb-5 p_title">投稿ページ</h2> <form method="post" enctype="multipart/form-data"> <label class="col-form-label">タイトル <span class="bg-danger text-white p-1" >必須</span></label> <input type="text" name="post_name" class="form-control" required/> <label class="col-form-label">作者 <span class="bg-danger text-white p-1" >必須</span></label> <input type="text" name="post_author" class="form-control" required/> <label class="col-form-label">画像 <span class="bg-danger text-white p-1" >必須</span></label> <input type="file" name="post_image" class="form-control" required/> <label for="exampleTextarea">紹介文</label> <!-- 質問の部分 --> <textarea name="post_introduction" class="form-control" rows="8" cols="80"></textarea> <!-- 質問ここまで --> <div class="text-center"> <input type="submit" name="posting" class="btn btn-lg btn-success mt-4" value="投稿する"> </div> </form> </div> </div> </div> </div> <!-- End Posting-wrapper --> </body> </html>
(home.php) <?php session_start(); //DB接続 include_once('dbconnect.php'); if (!isset($_SESSION['user'])) { header('location:login.php'); } //usersテーブルとpostsテーブルをリレーションさせる $query = "SELECT * FROM posts LEFT JOIN users ON posts.post_id = users.user_id ORDER BY id DESC"; $result = $mysqli->query($query); // 結果を受け取る変数を配列にする $posteds = []; while ($row = $result->fetch_assoc()) { // 配列に取り出した一行分の結果を足していく $posteds[] = $row; } ?> <!doctype html> <html lang="ja"> <head> <meta charset="utf-8"> 〜省略(Bootstrap使ってます)〜 </head> <body> <!-- top-wrapper --> <div class="top-wrapper text-center text-white"> <a href="post.php" class="btn btn-lg btn-success mt-3"><span><i class="fas fa-book-open"></i></span> 投稿ページへ</a> </div> <!-- End top-wrapper --> <!-- post-wrapper --> <div class="post-wrapper pt-5"> <div class="container"> <div class="row"> <!-- 投稿を繰り返し表示 --> <?php foreach ($posteds as $posted): ?> <div class="col-md-4 text-center mb-3"> <img src="<?php echo $posted['post_image']; ?>" width="200px" height="300px"> </div> <div class="col-md-8 mb-3 manga_data"> <h3><?php echo $posted['post_name']; ?></h3> <p><?php echo $posted['post_author']; ?></p> <!-- 質問の部分 --> <p><?php echo nl2br(htmlspecialchars($posted['post_introduction'])); ?></p> <!-- 質問ここまで --> </div> <div class="col-md-4 text-center mb-3"> <img src="<?php echo $posted['photo']; ?>" width="120px" height="120px" class="rounded-circle"> <p>紹介者 : <?php echo $posted['username']; ?>さん</p> </div> <div class="col-12"> <hr style="background-color:#EB6964" class="mb-4" > </div> <?php endforeach; ?> <!-- ここまで繰り返し --> </div> </div> </div> <!-- End post-wrapper --> </body> </html>
ご助言頂けると助かります。よろしくお願いします。
補足
DBはusersテーブルとpostsテーブルがあります。
DBにはデータがきちんと格納されています。
usersテーブル
user_id(AI), username, email, password, photo
postsテーブル
id(AI), post_name, post_author, post_introduction, post_image, post_id
htmlだけで入力情報を取得することはできませんよ。
何をどうしたら\r\n（改行コードです）がそのまま出てるんですか？
コードのせます。phpとMySQLも使っているのでややこしいですが、
入力画面で入力した内容がDBへ送られて、DBに格納されたデータを表示画面に出すイメージです。
すべて書くと量が多いので抜粋してます。
(入力画面）
〜省略〜
<textarea name="post_introduction" class="form-control" rows="8" cols="80"></textarea>
〜省略〜
(表示画面)
〜省略〜
<p><?php echo nl2br(htmlspecialchars($posted['post_introduction'])); ?></p>
〜省略〜
↑$posted['post_introduction']で、入力した内容を呼び出せるようにしています。
質問は編集できますので質問本文に追記してください。
あと「PHP」をタグに追加しておいてください。
手元では再現しませんね。
ファイル自体の、またコードの文字コード設定はどうなっていますか？
大変失礼いたしました。
質問を編集しますので少々お待ちください。
文字コードはutf-8です。
回答2件
0
ベストアンサー
htmlspecialcharsの引数をきちんとつけたらどうなりますか？
php
1echo nl2br(htmlspecialchars($posted['post_introduction'], ENT_QUOTES, 'UTF-8'));
あとは一回htmlspecialchars()を外してみる。\r\nがそのまま出力されているということはエスケープ入っているので。
PHP
1echo nl2br($posted['post_introduction']);
データも確認してくださいね。
もし文字列として\r\nがそのまま入っていたら登録処理に問題がありそうです。
投稿2019/07/08 09:09
総合スコア80888
上記２つ試しましたが変わらずでした。
DBに\r\nがそのまま入ってしまってますね。。
では、DB登録時に問題がありますね。
改行コードがそのまま入ることってありえません。
通常は
「
改行したい
改行したい
改行したい
」
とそのまま入ります。
気になるのはreal_escape_stringを入れておきながらprepare→bind していることです。
二重エスケープになっているわけですね。
prepare→bind でSQLエスケープは入るのでreal_escape_stringは不要と思います。
real_escape_stringを消して、
echo nl2br(htmlspecialchars($posted['post_introduction']));
で上手くいきました！
real_escape_stringは盲点でした。大変助かりました。
ご助言感謝致します。
解決されたようで何よりです。
今回のように、INPUTかOUTPUTか
どちらが原因かが切り分けられれば解決も早くなると思うので、データの流れと状態を確認する癖をつけてみてください
0
DBが絡んでいるとなるとデータの保持の仕方が違うのだと思いますが
普通にpostする限り改行は改行でしかありませえん
PHP
1<?PHP 2$posted['post_introduction']=filter_input(INPUT_POST,"post_introduction"); 3echo "<pre>\n"; 4echo htmlspecialchars($posted['post_introduction']); 5echo "</pre>\n"; 6?> 7<form method="post"> 8<textarea name="post_introduction" class="form-control" rows="8" cols="80"> 9改行したい 10 11改行したい 12 13改行したい 14</textarea><br> 15<input type="submit" value="send"> 16</form>
投稿2019/07/08 08:21
総合スコア117654
あなたの回答
tips
プレビュー
