Ruby on Rails: Render HTML partial as a one line of string

Question

Is there a way to render a html.erb partial as a one line of string?

I am trying to render a _foo.html.erb partial inside a javascript, such that I can use the whole html document as a string variable.

I have tried the following code:

var foo = "<%= render :partial => "foo" %>";

And inside _foo.html.erb, let's say I have the following:

<h1>Hello</h1>
<p>World</p>

This way will give me a syntax error in javascript because there is CRLF in the partial. But if I write code like...

<h1>Hello</h1>" +
"<p>World</p>

Now, it's not an error in javascript. I can do the latter way, but it is a disaster if the partial contains a lot of lines of code with ruby script.

Would there be any alternative way?

Thanks in advance.

Marek Sapota · Accepted Answer · 2010-11-17 23:13:10Z

15

Use escape_javascript function:

var foo = "<%= escape_javascript(render :partial => 'foo') %>";

answered Nov 17, 2010 at 23:13

Marek Sapota

20.6k3 gold badges37 silver badges48 bronze badges

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

1 Comment

David Tuite Over a year ago

If you find escape_javascript to be too much to type, remember that it is aliased as j.

abscondment · Accepted Answer · 2010-11-17 22:57:24Z

1

Quick and dirty hack:

var foo = "<%= render(:partial => "foo").gsub(/[\n\r]/, ' ') %>";

This just replaces the newlines with spaces, a no-op from the point of view of an HTML parser.

However, this is a pretty fragile way to create JavaScript objects. You'll need to account for quotes in the partial that'll make your JavaScript invalid, etc. I'd suggest trying to create JavaScript templates for the HTML you want to render and populate them with JSON versions of your Models.

answered Nov 17, 2010 at 22:57

abscondment

7357 silver badges14 bronze badges

Collectives™ on Stack Overflow

Ruby on Rails: Render HTML partial as a one line of string

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related