【Rails】text_areaで改行・段落の表示方法

form_withで作成したtext_areaのフォームに改行や段落を入れたい場合があると思いますので、自分への記録も兼ねてこちらでその方法をシェアします。

new.html.erb

<%= form_with(model: @recipe, local: true) do |f| %>
  <div class="col-md-8">
    <%= f.text_area :catchcopy, class: "form-control" %>
  </div>
<% end %>

上記のようにフォームを作成し、それを表示しようとすると、以下のようになります。

show.html.erb

<div>
  <%= @recipe.catchcopy %>
</div>

ただ、このようにすると、入力フォームで改行や段落を加えた場合でも、それが反映されません。

以下のようにコードを書けば、改行・段落が反映されます。

show.html.erb

<div>
  <%= safe_join(@recipe.catchcopy.split("\n"),tag(:br)) %>
</div>

参考になりましたら、幸いです。