JS - String with Multiple Lines

Question

Say I want to achieve this:

var template = 
"<div>" + 
  "<div class='foo'>" + 
    "How are you?" + 
  "</div>" + 
"</div>";

However, I don't want to keep adding all the quotes and plusses. This gets very boilerplate very fast. I tried this:

var template = 
"<div>
  <div class='foo'>
    How are you? 
  </div>
</div>";

And it didn't fly. I would hope the JS interpreter would ignore the whitespace, but it doesn't look like its okay with it.

Is there any similar way to display a formatted string of HTML across multiple lines without having so much extra junk to type? I can't find one.

Update

There is one suggestion so far, which is clever. I don't know if this is any less efficient or not, and am curious if anyone else has any other ideas.

j08691 · Accepted Answer · 2014-01-17 03:57:25Z

5

You can escape the newlines:

var template = 
"<div> \
  <div class='foo'> \
    How are you? \
  </div> \
</div>";

answered Jan 17, 2014 at 3:57

j08691

208k33 gold badges269 silver badges281 bronze badges

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

1 Comment

dthree Over a year ago

Clever! Never thought of that. Do you know if this would make the parsing any less efficient?

Collectives™ on Stack Overflow

JS - String with Multiple Lines

Update

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

Update

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related