Laravelでtinymce(wisywigエディタ)を使用、HTML入力モードでセーブすると空白や空行が表示されない

Question

実現したいこと

HTMLモードで下記のように入力

<p> </p>

<p>&nbsp;</p>

セーブし、再度HTMLモードで開くと

<p> </p>

<p>&nbsp;</p>

と表示させたい

発生している問題・分からないこと

HTMLモードで開くと下記のようになる

<p></p>
<p> </p>

該当のソースコード

<p> </p>

<p>&nbsp;</p>

試したこと・調べたこと

• teratailやGoogle等で検索した
• ソースコードを自分なりに変更した
• 知人に聞いた
• その他

上記の詳細・結果

下記のように表示される

<p></p>
<p> </p>

補足

特になし

Comments

[yambejp]

HTMLエディタのモードを知りたいという質問でしょうか？それとも
結果として「<p>&nbsp;</p>」が得られればよいということでしょうか？

[kutu]

内部データ的には
<p>&nbsp;</p>
のようなのですが、<textarea>に表示されるのは
<p> </p>
となってしまいます。<textarea>に
<p>&nbsp;</p>
と表示させたいのです

[yambejp]

回答しておきました。
意図が違うようでしたらご指示ください

[kutu]

ご回答ありがとうございます。
<textarea>空白を表示させたい場合は
&nbsp;
とするしかないのでしょうか？
CSSでいう
white-space: pre-wrap;
のような方法は使えないのでしょうか？

[yambejp]

追記しておきました。基本的にはエスケープ処理が必要ですが、スペースくらいは大丈夫かもしれません

Answer 1

textareaに＆付きのエスケープ文字を記載したい場合は&を&amp;に変更してください

<textarea>
<p>&amp;nbsp;</p>
</textarea>

追記

ちゃんとやるならきちんとエスケープ処理してください

<textarea>
&lt;p&gt;&nbsp;&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
</textarea>