テーブルの前に<br>がたくさんついてしまう。

Question

前提・実現したいこと

＊Laravel＊
DBにHTMLソースを格納し、bladeで表示させたいのですが
テーブル表示の前に大量の<br>が入ってしまいます。
解決方法が分からずです。

$articleの中にHTMLソースで文字などを入れてます。

該当のソースコード

<div class="contents">
        <?php echo nl2br(htmlspecialchars_decode($articles->content)); ?>
</div>

補足情報

スタイル（css,scss）は特別な記述はしていません。
自動改行で他の文章の記述は、ちょうど良い感じに改行されているのですが、

<table>タグの前だけどうしても大量の<br>がついてしまいます。

Comments

[m.ts10806]

bladeで<?phpを書いてるのはなぜでしょうか。
あと、実際のデータを見てみないと何とも言えません。

[tr_09]

他の方法がまだ見つけられていない状態です。

[m.ts10806]

ドキュメント読みましょうよ。
https://readouble.com/laravel/7.x/ja/blade.html

[tr_09]

読みました…理解が難しく、模索した中でのとりあえずのコードでした…
後ほど修正はする予定です。（まだ模索中ですが！）

[m.ts10806]

ちなみに、PHPマニュアル含めたドキュメントを活用できない人はずっと初心者です。

Answer 1

<?php
$table =<<<EOF
<table>
 <tr>
    <td></td>
    <td></td>
    <td></td>
 </tr>
 <tr>
    <td></td>
    <td></td>
    <td></td>
 </tr>
 <tr>
    <td></td>
    <td></td>
    <td></td>
 </tr>
 <tr>
    <td></td>
    <td></td>
    <td></td>
 </tr>
</table>
EOF;

echo nl2br($table);

結果

<table><br />
 <tr><br />
    <td></td><br />
    <td></td><br />
    <td></td><br />
 </tr><br />
 <tr><br />
    <td></td><br />
    <td></td><br />
    <td></td><br />
 </tr><br />
 <tr><br />
    <td></td><br />
    <td></td><br />
    <td></td><br />
 </tr><br />
 <tr><br />
    <td></td><br />
    <td></td><br />
    <td></td><br />
 </tr><br />
</table>

それをブラウザ（Chrome）で

---

どういう形でデータを保持してるか分からないですけど、htmlspecialchars_decode()でHTMLに戻せるなら<br />も保持してるのでは。それならnl2br()不要ですよね。

それかteratailみたいにマークダウン形式で保持するか、ですね。

先にnl2br()かけてからhtmlspecialchars_decode()でもいいかもしれませんけど。

Comments

[tr_09]

やはり全ての行に改行が含まれて表示されてしまうのですね！
実践してくださるのとても助かります。
ありがとうございます。

[m.ts10806]

>実践してくださるの
これくらいのサンプルコードをさっとご自身でできないのでしたらLaravelまだ触らない方で良いです。「Web職人のためのフレームワーク」ですし。

Answer 2

テーブルの中の改行に<br>がついてしまったのではないでしょうか？

<table>内では、（<td>の中などは除いて）普通の<br>タグは使えず、書いていた場合には<table>の外に追い出されます。

Comments

[tr_09]

改行せず横に記述していったらきれいに改行が取れました！！ありがとうございます！！