Атрибут title тега отображается в отдельных строках

Question

Я хочу отображать содержимое атрибута title тега в отдельных строках.

Но в браузерах это обрабатывается как вывод строки.

# HTML
<%= link_to filipino_url(f), remote: true, method: :get, class: 'client-link', title: "Error： #{f.error_messages.split(';').join(';&#10;')}" do %>
  <i class='fa fa-exclamation-circle text-danger'></i>
  <%= f.full_name %>
<% end %>

<!-- Developer mode of browser(F12) -->
<a class="client-link" title="Error： xxx1ooo;&#10;xxx2ooo" data-remote="true" data-method="get" href="http://localhost:4000/filipinoes/1">
  ......
</a>

# I got it.
"Error： xxx1ooo;
xxx2ooo"
# But I need it.
"Error： xxx1ooo;
         xxx2ooo"

Я использовал режим разработчика браузера, чтобы изменить его.После нажатия клавиши Enter я получил нужный мне эффект.Они отображались в отдельных строках.

Но при выводе программы она становится строкой, и браузер не анализирует символы.

Я не знаю, что пошло не так.Пожалуйста, помогите мне.

Answer 1

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

<% if f.error_status.error? %>
  <td title="Error：&#10;<%= raw f.error_messages.split(';').join(';&#10;') %>">
    <%= link_to filipino_url(f), remote: true, method: :get, class: 'client-link' do %>
      <i class='fa fa-exclamation-circle text-danger'></i>
      <%= f.full_name %>
    <% end %>
  </td>
<% else %>

Это не хороший способ решения проблемы.
Но я действительно не могу придумать лучшего способа решить эту проблему.

Answer 2

Спецификация HTML 5 упоминает, что вы действительно можете использовать "\n":

title: "Error： #{f.error_messages.split(';').join("\n")}"