Inserting a new line into a template string?

Question

I've tried splitting it into two lines:

const templateString = `this is my template 
                        string`

And I've also tried:

const templateString = `this is my template\n string`

But none of these work. The templateString still comes out as one line. How do you create multi-line template string?

your [first syntax](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals#Multi-line_strings) should work. — Arup Rakshit, Mar 17 '18 at 12:28
You mean to render it on the client side as HTML? That would require a
tag. Your first attempt is the correct one, if you add the
tag. — enf0rcer, Mar 17 '18 at 12:29
Multiline is [the expected behaviour](https://stackoverflow.com/a/46379197/3731501), it's line breaks removal that will require special treatment. — Estus Flask, Mar 17 '18 at 12:33
both syntaxes are working. How do you output `templateString`? — scraaappy, Mar 17 '18 at 12:46
@scraaappy I'm outputting it inside an html element - `div` or `p` tag — reectrix, Mar 19 '18 at 19:10
@user3492940 Yes, that's what I'm trying to do. Adding the `
` inside the template string worked. Thanks! — reectrix, Mar 19 '18 at 19:12

score -6 · Accepted Answer · answered Mar 20 '18 at 11:35

-6

That would require a <br> tag. Your first attempt is the correct one, if you add the <br> tag.

answered Mar 20 '18 at 11:35

enf0rcer

14

that just shows up as ```this is my template
string``` that doesn't actually break the line – Shawking Apr 23 '21 at 18:33
Same as above comment – Mr. Robot Jun 24 '21 at 11:54
@ enf0rcer Please show an example of how that answer solves the problem. – Luther Jun 26 '21 at 01:14

1 Answers1