Adding HTML to ruby on rails flash message

Question

I have a flash[:success] message which goes like this:

flash[:success] = "This text is now bold.". However, when I go to make the text bold, it just wraps HTML characters around the message, rather than actually turning bold.

<b>This text is now bold</b>

How can I go about including HTML into flash messages?

Answer 1

Use <%= flash[:success].html_safe %> in your view.

Whenever your flash[:success] is blank, it will show error due to html_safe. So it is better to use a condition.

So try with the following to prevent that error:

<%= flash[:success].html_safe unless flash[:success].blank? %>

You could also use .try to prevent that error:

<%= flash[:success].try(:html_safe) %>

And if you know there is content for sure, you can also try:

<%= raw flash[:success] %>

ERB-specific HTML display

On top of that, since you are using ERB, you can use h() method for HTML-escaped strings:

<%= h flash[:success] %>

Check out this tutorial on ERB for other options such as for displaying JSON or URL-encoded strings.

Answer 2

save message as

flash[:success] = "<b>This text is now bold.</b>"

put in the html file as

<div class="notice">
<%=h flash[:notice]%>
</div>