seed(csv)ファイル改行について

Question

前提・実現したいこと

seedファイルにcsvファイルを取り込んだ際に改行を反映させたいのですがうまくいきません。????

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

require "csv"

CSV.foreach('db/item_date.csv', headers: true) do |row|
  Item.create(
    genre_id: row['genre_id'],
    name: row['name'],![イメージ説明](2982baa516ce084cf38046b6fc01225e.png)
    non_tax_price: row['non_tax_price'],
    image_id: row['image_id'],
    is_active: row["is_active"],
    introduction: row["introduction"]
  )
end

id,genre_id,name,non_tax_price,introduction,image_id,is_active
1,1,女王様のミックスベリータルト,2100,"【商品について】
タルトの主役はフルーツ。その美味しさを最大限に活かすために「フルーツは山盛りで」が店主のこだわり。
よくあるベリータルトに比べるとかさ高になっているのも、そのためです。
タルトの生地も、クリームも全てタルトとの相性を考えて作り出した、自慢のクリームとタルトです。

【郵送について】
こちらの商品は注文から５日以内に冷凍便にて発送されます。お届け指定日などある場合はご注文時に備考欄にお書き下さい。
※お届け指定は注文日より2週間以内で承ります。
代引きを希望される場合は、メールにてご相談ください。

【賞味期限】
製造日より
冷凍、1ヵ月
解凍後、2日

省略します..

<div class="container">
  <div class="row">
    <%= render "layouts/sidebar" %>
			<div class="mainContents col-sm-9 col-sm-push-3 col-md-9 col-md-push-3">
				<h2 class="subtitle">Item</h2>
					<h3 class="item__name"><%= @items.name %></h3>
						<div class="item__mainImage">
							<!--<= attachment_image_tag @items, :image, size:'600x550' %>-->
						</div>
						<div class="row">
							<div class="col-sm-7 col-md-7 itemText">
								<%= @items.introduction %>
							</div>
							<div class="col-sm-5 col-md-5 itemInfo">
								<span class="item__price">¥<%= @items.with_tax_price.to_s(:dalimited) %>(税込)</span>
								<% if customer_signed_in? %>
									<%= form_with model: @cart_item, url: cart_items_path, local: true do |f| %>
										<%= f.hidden_field :customer_id, :value => current_customer.id %>
										<%= f.hidden_field :item_id, :value => @items.id %>
										<label for="amountSelect">数量</label>
										<%= f.select :amount, *[1..10] %>
										<div class="purchaseButton">
										<%= f.submit "カートに入れる", class:"form-button" %>
										</div>
									<% end %>
								<% else %>
									<%= link_to "カートに入れる", new_customer_session_path ,class: "form-button" %>
								<% end %>
							</div>
						</div>
			</div>
		</div>
	</div>

表示内容

【商品について】 タルトの主役はフルーツ。その美味しさを最大限に活かすために「フルーツは山盛りで」が店主のこだわり。 よくあるベリータルトに比べるとかさ高になっているのも、そのためです。 タルトの生地も、クリームも全てタルトとの相性を考えて作り出した、自慢のクリームとタルトです。 【郵送について】 こちらの商品は注文から５日以内に冷凍便にて発送されます。お届け指定日などある場合はご注文時に備考欄にお書き下さい。 ※お届け指定は注文日より2週間以内で承ります。 代引きを希望される場合は、メールにてご相談ください

csvファイルのような改行を挟みたいのですが、改行が反映されません。

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

.bootstrap

Comments

[y_waiwai]

質問文は編集できます
無駄に質問建てないで、追記修正しよう

[tonkatyu]

すみません????
画像と改行で質問を分けてしまいました。
次回から気をつけます。

[MasaSakano]

タグに、CSV と HTMLとを加えることをお勧めします。

Answer 1

HTMLの仕様上、改行文字はそのままでは無視されます(ブラウザや設定によって空白と同等と見做されたりあるいは何もなしと見做される)。だから、改行文字を<br>に置き換えて、かつHTMLとしてそれ以上エスケープしないようにする必要があります。

Viewにおいて、以下のようにするといけるでしょう。試していませんが。

<%= h(@items.introduction).gsub(/\r\n|\n|\r/, '<br>').html_safe %>