Writing HTML code with Rails

Question

<% @ticket.conversations.each do |c| %>

<section class="messages">

<%="<li> #{c.the_message} </li>" %>

</section>

<%end%>

I am trying to have rails write the HTML code for me so the output would look something like this:

<li>MESSAGE1</li>
<li>MESSAGE2</li>
<li>Next message here...</li>

I am going to style every nth element to have a different style to show what speaker it belongs to. But currently is just outputs straight text and escapes the HTML. How do I stop this escape?

You'll still get unpredictable results after you fix the HTML encoding problem, <section> is not a valid parent for <li>. The browser is free to rewrite invalid HTML. — mu is too short
– mu is too short, Commented Jul 24, 2013 at 16:43

vee · Accepted Answer · 2013-07-24 16:20:13Z

2

To output you need to use <%= as follows within your <section> block:

<%= "<li> #{c.the_message} </li>".html_safe %>

But currently is just outputs straight text and escapes the HTML

You can use the html_safe method. Please refer to the "Extensions to String" topic in this document: http://guides.rubyonrails.org/active_support_core_extensions.html

Another option you can use is the raw helper(as pointed out by Stefan) which calls the html_safe for you. e.g.

<%= raw "<li> #{c.the_message} </li>" %>

edited Jul 24, 2013 at 16:20

answered Jul 24, 2013 at 16:06

vee

38.7k7 gold badges76 silver badges80 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

DaveyGravy Over a year ago

That still gives me the same issue. It shows the entire statement with the html tags included. It escapes the HTML.

vee Over a year ago

@DaveyGravy, Please try the updated answer. I think you want to use the html_safe method which should give you your desired output.

Stefan Over a year ago

html_safe should not be used in ordinary views, use <%= raw "..." %> or <%== "..." %> instead.

lurker · Accepted Answer · 2013-07-24 16:11:16Z

0

You can also style your list items this way:

<li><%= c.the_message %></li>

Just based upon preference.

answered Jul 24, 2013 at 16:11

lurker

58.5k9 gold badges74 silver badges108 bronze badges

Comments

Stefan · Accepted Answer · 2013-07-24 16:11:31Z

0

Try it this way:

<% @ticket.conversations.each do |c| %>
  <section class="messages">
    <li><%= c.the_message %></li>
  </section>
<% end %>

Or if you don't want to repeat <section> every time:

<section class="messages">
  <% @ticket.conversations.each do |c| %>
    <li><%= c.the_message %></li>
  <% end %>
</section>

answered Jul 24, 2013 at 16:11

Stefan

115k14 gold badges157 silver badges233 bronze badges

Collectives™ on Stack Overflow

Writing HTML code with Rails

3 Answers 3

3 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

3 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related