問題
eachメソッドで各ユーザーのpostを表示させるページで、投稿した時に全てのカラムが#textという形で表示されているのを検証ツールで見つけました。
each文の部分をコメントアウトしたときに消えたので問題はその中にあると考えられます。
以下該当コードです。
HTML
1<%= @posts.each do |post| %> 2 <div class="project-box-wrapper "> 3 <div class="project-box " style="background-color: #fee4cb; "> 4 <div class="project-box-header "> 5 <span><%= link_to_if post.user, post.user.name, user_path(post.user.id) %></span> 6 <div class="more-wrapper "> 7 <button class="project-btn-more "> 8 <svg xmlns="http://www.w3.org/2000/svg " width="24 " height="24 " viewBox="0 0 24 24 " fill="none " stroke="currentColor " stroke-width="2 " stroke-linecap="round " stroke-linejoin="round " class="feather feather-more-vertical "> 9 <circle cx="12 " cy="12 " r="1 " /> 10 <circle cx="12 " cy="5 " r="1 " /> 11 <circle cx="12 " cy="19 " r="1 " /> 12 </svg> 13 </button> 14 </div> 15 </div> 16 <div class="project-box-content-header"> 17 <p class="box-content-header "><%=safe_join(post.body.split("\n"),tag(:br))%></p> 18 </div> 19 <div class="box-progress-wrapper "> 20 <p class="box-progress-header ">Progress</p> 21 <div class="box-progress-bar "> 22 <span class="box-progress " style="width: 60%; background-color: #ff942e "></span> 23 </div> 24 <p class="box-progress-percentage ">60%</p> 25 </div> 26 <div class="project-box-footer "> 27 <div class="participants "> 28 <%= link_to attachment_image_tag(post.user, :profile_image, format: 'jpeg', size: "50x50", fallback: "no_image.jpg", size:'100x100'), user_path(post.user.id) %> 29 </div> 30 <div class="days-left " style="color: #ff942e; "> 31 2 Days Left 32 </div> 33 </div> 34 </div> 35 </div> 36<% end %>
インデントが少し汚くてすみません。。。
画像と余談
本題とは少しそれますが、各投稿で改行が適用されるように
<%=safe_join(post.body.split("\n"),tag(:br))%>
のように本文を表示しているのですが、フォームで改行せずに文字を羅列した場合にeachで表示している枠から飛び出してしまいます。
何かいい方法がありましたらご提案いただきたいです。
以上、何卒よろしくお願いいたします。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2021/10/05 01:49 編集