前提・実現したいこと
自分辞書となるオリジナルアプリを作成しています。
現状、ビューではURLが表示され、クリックすると外部リンクに移動できます。
ですが、そのままURLで表示されてるため、文章のようで見辛いので、アイコンマークに変えたい内容となります。
URLは固定でなく、投稿で保存されたmemosテーブルから抽出しています。
<div class="memoAuthor">
<%= text_url_to_link(h(@memo.url)).html_safe %>
</div>
該当のソースコード
show.html.erb
<div class="formcontents">
<div class="showcontainer">
<div class="showcontainer__top">
<div class="memoTitle">
<%= @memo.title %>
</div>
<% if user_signed_in? && current_user.id == @memo.user_id %>
<div class="icon">
<%= link_to "編集", edit_memo_path(@memo.id), class: "manage" %>
<%= link_to "削除", memo_path(@memo.id), method: :delete, class: "delete" %>
</div>
<% end %>
</div>
<div class="memoDate">
<%= @memo.created_at.to_s(:datetime_jp) %>
</div>
<div class="memoAuthor">
<%= text_url_to_link(h(@memo.url)).html_safe do%>
<i class="fa fa-search search-btn"></i>
<% end %>
</div>
<div class="memoText">
<%= simple_format @memo.text %>
</div>
</div>
</div>
app_helper.rb
module ApplicationHelper
require "uri"
def text_url_to_link text
URI.extract(text, ['http','https'] ).uniq.each do |url|
sub_text = ""
sub_text << "<a href=" << url << " target=\"_blank\">" << url << "</a>"
text.gsub!(url, sub_text)
end
return text
end
end
試したこと
<div class="memoAuthor">
<%= text_url_to_link(h(@memo.url)).html_safe do%>
<i class="fa fa-search search-btn"></i>
<% end %>
</div>
上記のように記載してみたり、前後に書いてみましたが、アイコンとurlが一緒に表示されてしまい、
アイコンだけ表示したいのですが、ご教示いただけますと幸いです。
宜しくお願いします。