Storing HTML in a JS variable but preserving the HTML variables

Question

Im trying to save some HTML in a JS variable by using the backtick formatting however is it possible to preserve the HTML variable according to the following example

var msg = "This is a test" + "\n" + "Test"

Im attempting to store this variable as a HTML paragraph while keeping the linebreaks

var emsg = '<p style="white-space: pre-wrap;"><\"{msg}"\</p>'

But when sending that content in an email to myself (Using Emailjs) I get the following

<"{msg}"

Any clue what I'm doing wrong? Thanks!

Spectric · Accepted Answer · 2021-09-24 21:09:23Z

4

You are using single quotes ('), not backticks (`)
Placeholders in template literals are indicated by a dollar sign ($), which you are missing.

var msg = "This is a test" + "\n" + "Test"

var emsg = `<p style="white-space: pre-wrap;"><\"${msg}"\</p>`

console.log(emsg)

answered Sep 24, 2021 at 21:09

Spectric

32.6k6 gold badges32 silver badges56 bronze badges

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

Comments

TAHER El Mehdi · Accepted Answer · 2021-09-24 21:21:04Z

2

You could go with template literals like @spectric showed. or you can go with simple quote using + to seperate it with msg variable

var msg = "This is a test" + "\n" + "Test";//    V     V
var emsg = '<p style="white-space: pre-wrap;"><\"'+msg+'"\</p>';
console.log(emsg);

answered Sep 24, 2021 at 21:21

TAHER El Mehdi

9,6547 gold badges33 silver badges52 bronze badges

Comments

miroslav licko · Accepted Answer · 2021-09-24 21:28:38Z

1

as described + removing the extra <\" and "\ probably

var emsg = <p style="white-space: pre-wrap;">${msg}</p>

edited Sep 24, 2021 at 21:28

answered Sep 24, 2021 at 21:23

miroslav licko

816 bronze badges

Collectives™ on Stack Overflow

Storing HTML in a JS variable but preserving the HTML variables

3 Answers 3

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related