5

次のようなボタンが欲しいです。

[ Sign in with FB]

ここで、FB は font-awesome アイコンです。次のことを試しましたが、アイコンをボタンに埋め込む方法がわかりませんでした:

= button_to "Login with", user_omniauth_authorize_path(:facebook)

は通常どのようfont-awesomeに呼び出されるか (haml で) は次のとおりです。

%i.icon-facebook-sign

希望する効果を得るにはどうすればよいですか？

ありがとうございました。

4

5 に答える 5

4

button_to ヘルパーのクラス オプションを追加

= button_to "Login with", user_omniauth_authorize_path(:facebook), :class => 'icon-facebook-sign'
于 2013-03-12T04:23:20.840 に答える
0

私が作成したヘルパーは次のとおりです。

def html_button_to(html = nil, options = nil, html_options = nil)
  button_to(options, html_options) do
    html
  end
end

font-awesome-rails gemと組み合わせると、次のことが可能になります。

html_button_to fa_icon(:facebook, text: "Login with"), user_omniauth_authorize_path(:facebook)
于 2016-07-15T02:38:26.077 に答える
0

ボタン タグを使用するが、出力をカスタマイズするヘルパー メソッドを作成できます。

#application_helper.rb

def button_to_with_icon(text, path, classes)
  form_tag path, :method => :post do
    button_tag(classes) do
      raw text
    end
  end
end

次に、生の html を引数として埋め込んでヘルパー メソッドを呼び出します。

<%= button_to_with_icon("login with <i class='fa fa-facebook-official'></i>", { action: "omniauth_authorize", controller: "users" }, class: "btn btn-info") %>

アクション、コントローラー、およびクラスの設定は単なる例です。しかし、これはニーズに合わせて変更できると思います。

于 2015-06-11T15:01:20.137 に答える