DBのテキスト型の中身がブラウザで表示されない

Question

今webサービスを作成しているのですが、<textarea>内で入力した改行ありの文字列をDBのtext型にINSERTすると、改行されて挿入されるのですが、SELECTで取得しブラウザで表示させると、文字列すら表示されません。

DBで保存されている中身です。
改行されている「やっと会えた！嬉しい」となってる箇所が問題となっている部分です。

確認のためvar_dumpで表示させると、改行の代わりに半角スペースとなって表示されます。

これは一体何がおきているのでしょうか？

INSEARTされる前にnl2brも試したのですが、DB内で改行が<br />となって挿入され、同じようにブラウザでは表示されませんでした。

text型は半角スペースが入ってると非表示にするような制約があるのでしょうか？

入力の際の改行をDBに保存し、ブラウザで表示させるにはどのようにすればいいでしょうか？

INSERT時のコード

if(!empty($_POST)){
  debug('POST送信があります。');

  // 変数に投稿内容を代入
  $kind = $_POST['post'];
  $subject = $_POST['subject'];
  $message = $_POST['message'];
  // 例外処理
  try {
    $dbh = dbConnect();
    debug('DBに接続します。');
    // SQL文作成
    $sql = 'INSERT INTO messages (user_id,kind,subject,message,created_date) VALUES(:user_id,:kind,:subject,:message,:created_date)';
    $data = array(':user_id' => $_SESSION['user_id'],
                  ':kind' => $kind,
                  ':subject' => $subject,
                  ':message' => $message,
                  ':created_date' => date('Y-m-d H:i:s'));
    // クエリ実行
    // var_dump($data);
    $stmt = queryPost($dbh, $sql, $data);
    header("Location:mypage.php");

    } catch (PDOException $e) {
  echo 'DB接続エラー:' . $e->getMessage();
  }
}
コード

取り出し時のコード

$myMessages = getMyMessage($_SESSION['user_id'],$start);

function getMyMessage($user_id,$start){
  debug('ユーザー情報を取得します。');
  //例外処理
  try {
    //DBへ接続
    $dbh = dbConnect();
    // SQL文作成
    $sql = $dbh->prepare('SELECT * FROM messages WHERE user_id = :user_id AND kind != "Comment" ORDER BY created_date DESC LIMIT :start,6');
    $sql->bindParam(':user_id', $user_id);
    $sql->bindParam(':start', $start, PDO::PARAM_INT);
    // クエリ実行
    $sql->execute();
    // クエリ結果のデータを１レコード返却
    if($sql){
      return $sql->fetchAll(PDO::FETCH_ASSOC);
    } else {
      return false;
    }
  } catch (Exception $e) {
    error_log('エラー発生：' . $e->getMessage());
  }
}

コード

ブラウザで表示させるときのコード

<?php foreach ($myMessages as $myMessage) { ?>
          <div class="my-message-view">
            <p class="kind-user">種類：<?php echo $myMessage['kind']; ?></p>
            <p class="subject-user">題名：<?php echo $myMessage['subject']; ?></p>
            <script>
            var windowSize = $(window).width();
            var num1 = 480;
            if (windowSize > num1) {
            document.write('<p class="message-user"><?php  echo mb_substr($myMessage['message'],0,50); ?><a href="message-view.php?message_id=<?php echo $myMessage['message_id'];?>&kind=<?php echo $myMessage['kind'];?>">…続きを読む</a></p>');
            } else {
            document.write('<p class="message-user"><?php  echo mb_substr($myMessage['message'],0,20); ?><a href="message-view.php?message_id=<?php echo $myMessage['message_id'];?>&kind=<?php echo $myMessage['kind'];?>">…詳細</a></p>');
            }
            </script>
            <p><?php echo $myMessage['created_date']; ?></p>
          </div>
        <?php  } ?>

document.write('<p class="message-user"><?php echo mb_substr($myMessage['message'],0,20); ?><a href="message-view.php?message_id=<?php echo $myMessage['message_id'];?>&kind=<?php echo
がtext型の部分です。

textareaのコードです。

<label>
              <p>件名</p>
              <textarea class="text text1" type="text" name="subject" placeholder="件名" value=""></textarea>
            </label>
            <label>
              <p>内容</p>
              <textarea class="text text2" type="text" name="message" placeholder="内容" value=""></textarea>
            </label>

            <input id="button" class="btn-button submit" name="post" type="submit" value="Happy">

Comments

[m.ts10806]

で、実際のコードは何でしょうか。
>これは一体何がおきているのでしょうか？
これだけを書かれてもご自身が直面している問題のコードがないと何のアドバイスもできません。

[m.ts10806]

DBのテーブル定義(CREATE TABLE文）と実際に投入しようとしたデータもあわせてお願いしますね。「他人が状況を再現できる情報すべて」必要です。

[m.ts10806]

「プログラムコード」と言ったほうが良かったでしょうか。

[art_porokyu]

ただいま追加しました。
情報が不足しており申し訳ございません。

[m.ts10806]

textareaはどこでしょうか。
なぜか途中document.write()で出力されてますが、document.write()は推奨されない機能のひとつですし、その中でPHPコードを書くのは非常につくりとしてはマズいですよ。

[m.ts10806]

ブラウザ開発ツールのコンソールでエラー確認するとか、ブラウザ「ソースを表示」して本当に欲しい情報が表示されているか確認されたほうがいいですね。
JavaScriptで改行コードは書き方を気を付けないとエラーとなります。

[art_porokyu]

textareaのコードを追加しました。

そうなのですか。
画面サイズによって表示する文字数を変えたかったのですが、推奨されないんですね。

今一度確認します。

[art_porokyu]

「ソースを表示」でみると確かに、ソース上では表示されていました。

textareaにnl2brの設定も調べてみます。

[art_porokyu]

ご指摘の通りJavaScriptのdocument.write()が原因でした。

表示方法を変えてみます。
ありがとうございました。

[m.ts10806]

解決されたようで何よりです。
ブラウザに表示してphpのエラーもなく想定通り動作してないのであれば、それはクライアントサイドへの出力の問題が高いので、ブラウザでエラー確認、ソース確認してください。あと、できればコードははじめから出来る限り全てご提示ください。
提示しない、または切り取りすぎては的確なアドバイスにはつながらず問題解決にもつながりません。

Answer 1

そのvar_dump()した結果はブラウザで確認されているのでしょうけど、
そのまま「ソースを表示」で見てください。
下記のようになっていませんか？

やっと
会えた！

嬉しい

※string()は除いています

半角スペースのように見えて、実際は改行コードがそのように見えているだけです。
本当に半角スペースであればstring(XX)の数字がもう少し小さいはずですね。要は文字のバイト数です。

nl2br()の仕様は確認されましたか？
改行コードをhtmlタグのbrに変換するだけです。
変換できたということはそのbrに変換された箇所は改行コードであったことがわかります。
ということは、そのままtextareaに設定すればいいだけです。
textareaにおける改行は改行タグではなく改行コードです。

つまり、実際は何も問題は起きていないはず。

「何も表示されない」のは取り出し方を間違えているのではないでしょうか。

いずれにしても他人が再現確認できる情報が全て提示されないからにはこれ以上のアドバイスは無理です。