はじめに
私のポートフォリオをスマホで見ているときにリンクがはみ出でいることに気が付きました。↓
gemの'rails_autolink'を使っています。
最終的なのコード
simple_formatでやってみましたが、リンクの折返し方がわからず、また、複数行改行しても反映されなかったため、以下のようにsimple_formatを使わずにヘルパーを使いました。
リンクの折返しは最終的にクラスを与えて、cssで解決しました。
参考↓↓↓
長いURLが折り返してくれない!URLを折り返させるCSS
views/blogs/_blog.html.erb
<%= auto_link(br(blog.body), :html => { :target => '_blank', :class => 'wrapper_link' }) %>
helpers/application_helper.rb
def br(str)
h(str).gsub(/\R/, '<br>').html_safe
end
hはhtml_escapeのエイリアスみたいです。知らんかった😅
scivolaさんから教えてもらいました。
assets/stylesheets/application.scss
.wrapper_link {
word-break: break-all;
}
ちゃんと折り返しました😆
リンクの色を変更していてわかりずらいですが...