LoginSignup
0
0

More than 3 years have passed since last update.

rails_autolinkのリンクのはみ出し部分の折り返し

Last updated at Posted at 2019-07-25

はじめに

私のポートフォリオをスマホで見ているときにリンクがはみ出でいることに気が付きました。↓
gemの'rails_autolink'を使っています。

auto_link.png

最終的なのコード

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;
}

auto_link2.png

ちゃんと折り返しました😆
リンクの色を変更していてわかりずらいですが...

0
0
2

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0