Trying to make a paragraph break in a flash message with \n not working

Question

I've been trying to make a paragraph in this little piece of code:

flash[:error] = "ATENÇÃO!\nNenhum dos campos pode ser deixado em branco"

right where the \n is, but when I render it on my ruby application it doesn't seem to make a paragraph any help/ideas?

Ursus · Answer 1 · 2017-06-23T13:43:05.503

3

In HTML you need <br />

"ATENÇÃO!<br />Nenhum dos campos pode ser deixado em branco"

And render your flash message like

flash[:error].html_safe

edited Jun 23 '17 at 13:43

answered Jun 23 '17 at 13:15

Ursus

Still doesn't do the break, when I rendered it it showed the
as text – Dando Mando Nogger Jun 23 '17 at 13:20
Have you called `html_safe` at the end? – Ursus Jun 23 '17 at 13:23
yes, I did, I copied what you posted and put it there – Dando Mando Nogger Jun 23 '17 at 13:26
Mmm, it looks strange to me :/ – Ursus Jun 23 '17 at 13:27
It's a controller file so it can't be .html.erb and in ruby you use \n to do the break but it doesn't render it – Dando Mando Nogger Jun 23 '17 at 13:28
Well, you are in a ruby file but in the end that string is used in an HTML template – Ursus Jun 23 '17 at 13:29
1

I suspect that the `html_safe` flag doesn't make it through the session. Try calling `html_safe` when rendering the flash message (or alternatively [`simple_format`](http://api.rubyonrails.org/classes/ActionView/Helpers/TextHelper.html#method-i-simple_format)). – Stefan Jun 23 '17 at 13:38
I wanted to suggest that too – Ursus Jun 23 '17 at 13:39

Gerry · Accepted Answer · 2017-06-23T13:38:16.573

1

You can still use \n and handle the break with CSS, like this:

erb

<div class="new-line"><%= flash[:error] %></div>

style

<style type="text/css">
  .new-line {
    white-space: pre-wrap;
  }
</style>

With that styling in place, \n will behave as <br>.

edited Jun 23 '17 at 13:38

answered Jun 23 '17 at 13:30

Gerry

did it like this: `<% if flash[:error] %>

<%= flash[:error] %>

<% end %> ` `.error { white-space: pre-wrap; }` – Dando Mando Nogger Jun 23 '17 at 13:34
@xdmanmagiconsei That should work, just don't forget to put `.error { ... }` on a stylesheet or between `` tags. – Gerry Jun 23 '17 at 13:36
Nvm I put it in the wrong controller, it's working now! thanks. – Dando Mando Nogger Jun 23 '17 at 13:47

2 Answers2