Вопрос

What's wrong with this line of code?

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

This literally produces:

enter image description here

Evidently my html_safe call isn't doing anything.

Background:

I'm using Twitter Bootstrap as well as Font Awesome and I'm essentially trying to achieve a submit button with an icon inside of it.

Это было полезно?

Решение

To extend on Lukas' answer I needed a button tag rather than an input. This code produced the effect I was looking for:

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

Which resulted in:

result

I found the answer I was looking for here.

Другие советы

What's wrong with it? Submit button values should not contain embedded HTML code.

This is how submit button looks in HTML:

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

HTML tags in value attributes are interpreted as text, not as HTML:

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

<%= form.button :submit, class: 'btn btn-success' do %>
     <i class="fa fa-plus"></i> Add Funder <i class="fa fa-chevron-right"></i>
<% end %>

This is good answer.

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top