web-dev-qa-db-ja.com

埋め込みHTMLでlink_toを使用する

TwitterのBootstrapを使用していますが、次のHTMLがあります。

<a class="btn" href="<%= user_path(@user) %>"><i class="icon-ok icon-white"></i> Do it@</a>

Railsでこれを行う最良の方法は何ですか? <%= link_to 'Do it', user_path(@user) %>を使用したいのですが、<i class="icon-ok icon-white"></i>が私を捨てていますか?

96

二つの方法。どちらか:

<%= link_to user_path(@user) do %>
  <i class="icon-ok icon-white"></i> Do it@
<% end %>

または:

<%= link_to '<i class="icon-ok icon-white"></i> Do it@'.html_safe, user_path(@user) %>
250
Veraticus

最近同じニーズがありました。これを試して:

<%= link_to '<i class="icon-ok icon-white"></i> Do it'.html_safe, user_path(@user) %>

16
Eric Farkas

以下のようなヘルパーメソッドを作成することもできます。

def link_fa_to(icon_name, text, link)
  link_to content_tag(:i, text, :class => "fa fa-#{icon_name}"), link
end

クラスをニーズに合わせて調整します。

9
Renshuki

Railsのリンクが必要な場合は、Twitterの同じアイコンクラスを使用しますbootstrap必要なことは、このようなことだけです。

<%= link_to "Do it@", user_path(@user), :class => "btn icon-ok icon-white" %>
8
Justin Herrick

ジェムTwitter-bootstrap-rail:ヘルパーグリフを作成します

  def glyph(*names)
    content_tag :i, nil, :class => names.map{|name| "icon-#{name.to_s.gsub('_','-')}" }
  end

次のように使用できます:glyph(:Twitter)そして、リンクヘルパーはlink_to glyph(:Twitter), user_path(@user)のようになります。

6
eveevans

HAMLの使用:

= link_to model_path do
  %img{src: '/assets/someimg.png'}
6
ddavison

あなたはまだ答えを受け入れていないので、これを試してみます
そして他の答えはあなたが探していた100%ではありません。
これがRails方法で実行する方法です。

<%= link_to(user_path(@user), :class => 'btn') do %>
  <i class="icon-ok icon-white"> </i> Do it!
<% end %>

編集:今後の参考のために私の答えを残し、
しかし、@ justin-herrickが正しい答えを持っているのは
Twitter Bootstrapの使用。

3
Webdevotion

アプリケーションで頻繁に使用する場合は、ヘルパーメソッドを使用して簡略化できると思います。

helper/application_helper.rbに配置します

def show_link(link_text, link_source)
  link_to("#{content_tag :i, nil, class: 'icon-ok icon-white'} #{link_text}".html_safe,
    link_source, class: "btn")
end

次に、link_toのようにビューファイルから呼び出します

<%= show_link "Do it", user_path(@user) %>
2
Titas Milan

bootstrap 3.2.0を使用している場合、app/helpers/application_helper.rbでこのヘルパーを使用できます

module ApplicationHelper
  def glyph(*names)
    content_tag :i, nil, :class => names.map{|name| "glyphicon glyphicon-#{name.to_s.gsub('_','-')}" }
  end
end

そして、あなたの意見では:

link_to glyph(:pencil) + ' Edit', edit_post_path(@post), class: 'btn btn-warning'
1
Kleber S.

通常のHTMLでは、

<a href="register.html"><i class="fa fa-user-plus"></i> Register</a>

Ruby on Railsの場合:

<%= link_to routeName_path do %>
  <i class="fa fa-user-plus"></i> Link Name
<% end %>

<%= link_to register_path do %>
   <i class="fa fa-user-plus"></i> Register
<% end %>

This is My Output

1
Ovi
def show_link (source, text)
  link_to source, {'data-original-title' => 'Show', 'data-toggle' => 'tooltip', :class => 'btn btn-xs btn-success'} do
    "#{text} #{content_tag :i, nil, class:' glyphicon glyphicon-eye-open' }".html_safe
    end
end
1
mr i.o

Titas Milanの提案に基づくが、ブロックを使用するヘルパー:

def show_link(link_text, link_source)
  link_to link_source, { class: 'btn' } do
    "#{content_tag :i, nil, class: 'icon-ok icon-white'} #{link_text}".html_safe
  end
end
0
meleyal