ニュース一覧の本文の表示制御

[kazu-0226]

概要

.html_safeで表示制御

<p class="card-text news-text"><%#=  news.content.html_safe %></p>

contentカラムの中に保存されているのがソースコードになっていて、.html_safeでタグを表示しないようにしており、
尚且つ三行以降は表示しないようにしたいが反映されない。

.news-text{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

再現手順

<%= news.content.html_safe %>

修正しないとどう困るか

ボックスからはみ出てしまう。

原因

.html_safeを外せば想定通り3行になるため、.html_safe

修正案

ひとまずタイトルのみで対応