3

このコード行の何が問題になっていますか？

<%= submit_tag "Delete <i class='icon-check'></i>".html_safe, :disable_with => "Deleting", :class => "btn btn-danger"%>

これは文字通り以下を生成します：

ここに画像の説明を入力してください

明らかに、私のhtml_safe呼び出しは何もしていません。

バックグラウンド：

私はTwitterBootstrapとFontAwesomeを使用しており、基本的に、内部にアイコンが付いた送信ボタンを実現しようとしています。

4

3 に答える 3

15

Lukasの答えを拡張するには、入力ではなくボタンタグが必要でした。このコードは、私が探していた効果を生み出しました。

<button type="submit" class="btn btn-danger">
    Delete <i class="icon-check"></i> 
</button>

その結果：

結果

私が探していた答えをここで見つけました。

于 2012-08-22T17:18:42.717 に答える
3

どうしたの？[送信]ボタンの値には、埋め込みHTMLコードを含めないでください。

HTMLでの送信ボタンの外観は次のとおりです。

<input type="submit" value="Submit" />

属性のHTMLタグはvalue、HTMLではなくテキストとして解釈されます。

<input type="submit" value="<i>Submit</i>" />

于 2012-08-22T16:57:52.163 に答える
1 
<%= form.button :submit, class: 'btn btn-success' do %>
     <i class="fa fa-plus"></i> Add Funder <i class="fa fa-chevron-right"></i>
<% end %>

これは良い答えです。

于 2019-09-04T06:03:14.480 に答える