Поместите HTML в Rails Helper - PullRequest
       8

Поместите HTML в Rails Helper

0 голосов
/ 30 октября 2019

Итак, у меня есть вход для простого типа:

<%= f.input :preferred_locale, collection: languages_available, label: "Choose Language", selected: current_user.preferred_locale, include_blank: false %>

Так что это создает раскрывающийся список с языками, доступными в проекте. Доступные языки - это массив, подобный этому, помещенный в хелпер rails (расширение .rb, только ruby, файл):

def languages_available
    [
      ["English", 'en'],
      ["Spanish", 'es'],
    ]
end

Дело в том, что нужно отображать значок рядом с языком, отображающим флаг страны. ,Дело в том, что в помощниках вы не можете написать HTML. Нет проблем, я знаю существование html_safe, поэтому в коллекции я сделал что-то вроде:

<%= f.input :preferred_locale, collection: languages_available.map { |e| e.map(&:html_safe) }, label: "Choose Language", selected: current_user.preferred_locale,include_blank: false %>

Так что это помечает как html_Safe каждую подстроку. С этим я никогда ничего не вижу, и я пытаюсь сделать что-то столь же простое, как положить в массив

def languages_available
    [
      ["<b>English</b>", 'en'],
      ["Spanish", 'es'],
    ]
end

, что-то работает, так как я вижу только "английский", а не " английский"как обычный текст, но я не вижу слова жирным шрифтом, поэтому я не знаю, что не так.

edit: спасибо за ответы, похоже, что в коллекции, которая генерирует тег select, невозможно использовать html, так как он поддерживает только текст, мне нужно будет найти другой способ сделать это.

1 Ответ

0 голосов
/ 30 октября 2019

Я не думаю, что вы можете сделать это в Html, параметры не настраиваются, но, возможно, вы можете использовать список, и с помощью CSS и / или JS настроить для выпадающего, я знаю, что существует много библиотекчтобы сделать это.

Вот вам пример: https://www.w3schools.com/css/tryit.asp?filename=trycss_dropdown_button

Другая вещь, возможно, это использовать Emojis с флагами, я никогда не пробовал, но, возможно, вы можете поместить его в простой текст и с некоторой библиотекойавтоматически конвертировать его в смайлики.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...