7
6

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

【Rails】投稿したURLをリンク可能にする方法 【初心者メモ】

Last updated at Posted at 2019-09-23

【1】投稿の詳細欄に、普通に記事を投稿または更新すると、

88df536a7b5877847152203dbd916636.png

      ↓

【2】このように、URLのリンクがつかずに普通の文字としての投稿になってしまいます。

24685ad6823ab91519f5e8a6961a90e6.png
詳細部分の投稿を出力するERBのコード

show.html.erb
<%= @task.task_syousai %>

 
 
 
 

【3】LinkuというGemを使うと、安全なURL、emailなどにlinkを埋め込んでくれるようです。

Gemfileにrinkuを追加。

gem 'rinku'
bundle install

これでrinkuをインストールできました。
 
 

【4】先程のERBを、Rinkuに対応したコードに書き換えます。

先程の

show.html.erb
<%= @task.task_syousai %>

を、下記のように書き換えます。
### ↓

show.html.erb
<%= Rinku.auto_link(@task.task_syousai, :all, 'target="_blank"').html_safe %>

そして確認してみると、
 
 

URLの投稿記事に自動的にリンクが付与されています。
'target="_blank"'があると外部リンク、無いと内部リンクになるようです。
93df355745a5bdaae67e7aa56fcb448b.png

7
6
0

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
7
6

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?