LaravelアプリにCKEDITOR4を導入した際に、投稿内容のhtmlタグが一緒に出力される。

Question

前提・実現したいこと

現在laravelで掲示板アプリを作成しているlaravel初心者です。
参考サイトをもとに、掲示板の投稿編集ツールとしてCKEEDITOR4を導入したのですが、
投稿編集画面(edit.blade.php)で入力した項目を投稿確認画面(show.blade.php)で確認すると、
htmlタグが合わせて出力されてしまう状況です。
この事象についてわかる方、ご教示いただけないでしょうか？

発生している問題・エラーメッセージ

edit.blade.php

<textarea id="body" name="body" class="ckeditor form-control {{ $errors->has('body') ? 'is-invalid' : '' }}" rows="4">
{{ old('body') ?: ($post->body)}}
</textarea>

show.blade.php

<p class="mb-5">
  {!! nl2br(e($post->body)) !!}
</p>

投稿編集画面(edit.blade.php)イメージ画像

投稿確認画面(show.blade.php)イメージ画像
![

試したこと

①htmlタグを含んだデータは!!で囲むことによって、htmlタグが同時に出力されないように制御。
(https://cloud6.net/so/laravel/2882057)

②共有レイアウト部分(layout.blade.php)の下記の通り指定

<script src="{{ asset('ckeditor/ckeditor.js')}}"></script>
//head内に記述


<script> CKEDITOR.replace('ckeditor'); </script>
//bodyの最後に記述

補足情報（FW/ツールのバージョンなど）

Laravel Framework 7.30.2

MySQL 8.0.21 Homebrew

PHP 7.4.14

Docker 19.03.13

Heroku 7.47.2

Comments

[m.ts10806]

e()はなんの意図が？

Answer 1

m.ts10806さん、ご指摘いただきありがとうございます！！！！

m.ts10806さんの指摘事項を元に
下記show.blade.php内のe()という記述を外したら、htmlタグなしに出力されるようになりました。

show.blade.php

<p class="mb-5">
  {!! nl2br(e($post->body)) !!}
</p>

{!! !!}でエスケープ処理を回避させるようにしたものの、
e()でエスケープ処理がかかってかかってしまい、htmlタグがそのまま出力されてしまっていたようでした。

Comments

[m.ts10806]

やはりそうでしたか。
既存機能はドキュメントで確認するようにすると良いですよ。