Как добавить шрифт awesome в метод link_to на рейках с помощью haml?

Я пытаюсь изменить свой макет, чтобы добавить link_to в раскрывающийся список.Как добавить шрифт awesome в метод link_to на рейках с помощью haml?

предыдущий код:

%li.divider 
    %li 
    %a{:href => "#"} 
     %i.fa.fa-user-profile 
     Add new user

я отредактирован так:

%li.divider 
%li 
    = link_to '<i class="fa fa-user-profile"></i> Add new user'.html_safe, new_user_path

И все выглядит отлично, но фа-пользователем профиль 0px 0px х и она невидима. Что я сделал не так?

Html выход:

источник

2015-10-22 Titas Kurtinaitis

в первом коде вы делаете 'фа-пользователем plus' и позже' фа-пользователем profile'? – Minato

Это не имеет значения, оба класса существуют, я просто забыл изменить. Я отредактирую свой пост. На самом деле это что-то не так с рендерингом, потому что это 0px x 0px, я думаю, что я сделал очень тупую ошибку где-то. –

Вы можете поделиться полученным html? – Minato

link_to has a "blocky" form, который принимает пользовательские внутреннюю разметку:

= link_to new_user_path do 
    %i.fa.fa-user-profile 
    Add new user

Что касается элемента невидимости: сам элемент должен быть заполнен по CSS FontAwesome, используя font-family (по классу fa) и content (по определенному классу значков). Если у вас их нет, значит, у вас нет необходимого CSS.

Как его добавить, зависит от способа интеграции FontAwesome в конвейер вашего актива. font-awesome-sass' README имеет довольно четкие инструкции по этому вопросу, ваше решение может отличаться.

источник

2015-10-22 10:48:27

, к сожалению, не помогает, по-прежнему та же проблема –

@TitasKurtinaitis обновлен. –

Спасибо, это помогло мне :) –

Вы можете использовать raw()

= link_to raw('<i class="fa fa-user-profile"></i> Add new user'), new_user_path

источник

2015-10-25 07:43:14 webster

Как добавить шрифт awesome в метод link_to на рейках с помощью haml?

ответ

Смежные вопросы