How to render HTML inside Slim templates

ruby-on-rails ruby slim-lang
Mohamad picture Mohamad · Jun 12, 2012 · Viewed 19.9k times · Source

I'm trying to render a link preceded by an icon. I'm using Slim templating engine along with Bootstrap CSS.

Usually you could do this the following way:

<a href="#"><i class="icon-user"></i> My Profile</a>

According to Slim's documentation, we can use == to render without escaping HTML. So, translating this to Slim, I tried the following variations:

li== link_to "<i class='icon-user'></i> My Profile", current_user
li== link_to "#{'<i class="icon-user"></i>'.html_safe} My Profile", current_user
li= link_to "#{'<i class="icon-user"></i>'.html_safe} My Profile", current_user

All variations rendered <a href="/users/1"><i class="icon-user"></i> My Profile</a> escaping the i tag.

How can I stop Slim or Rails from escaping html?

(Rails 3.2 with Slim 1.2.1)

Answer

nroose picture nroose · Dec 3, 2015

This has been answered, but if you actually have some html and you want to render it in a slim template, use double equal.

== "<i>test</i>"

Will be the same as

= "<i>test</i>".html_safe

Related questions

How to embed dynamic Ruby code to "javascript" section in Slim templates?

One way: javascript_tag do == "var all_product_ids = #{existing_ids.to_json};" == "var products_json = #{@filter.data.to_json};" or: = %Q{ var all_product_ids = #{existing_ids.to_json}; var products_json = #{@filter.data.to_json}; } are there any …

Read More
Best way to handle data attributes in Slim

I was evaluating Slim as a replacement for HAML in a personal project, and it doesn't appear to handle HTML5 data attributes as gracefully as HAML. I was hoping someone may have also run into this, or may have known …

Read More
How do I wrap span tags in a link_to in slim?

li = link_to 'Account', '#account', data: { toggle: 'tab' } I need span tags around 'Account'.

Read More