How to assigning an HTML string to a variable in JavaScript with easily escaping from special characters

Question

I want to assign an HTML string to a JavaScript variable but it gives error because of special characters. Is there any easy way to escape that characters?

What I want to do at my js file:

var messageTemplate = {
   defaultMessageTemplate : "<p>aaaa <b>_username_</b>,</p>
            <p>1sdfasşlğllğlğ.</p>
            <p><b>1 sdfsfsfü şesdfce 12 sfsf.</b></p>
            <p>Üsdfdsfsfsf üyelesfdsdfsdfmsdfdsfdava.</p>
            <p style="font-weight:bold; font-size: 16px;"><a href="/dsfsfs">sfsdfsf Yarasfsdfklayın</a></p>
        <p>Önsdfdsfpıİsdfdfsfn kaçırmayın.</p>
        <br/> <br/>fafaf, <br/>_domain_ Ekssibi</textarea></label></td>"
.... code continues here
};

And how do you assign those characters and what error do you get? — Gumbo
– Gumbo, Commented Apr 14, 2011 at 18:26

Adam · Accepted Answer · 2011-04-14 18:25:02Z

2

The escape function or the newer encodeURIComponent.

answered Apr 14, 2011 at 18:25

Adam

45.1k17 gold badges107 silver badges145 bronze badges

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

2 Comments

Gumbo Over a year ago

escape is not a standard function.

Adam Over a year ago

@Gumbo true, but all major browsers support it. That said I agree and recommend encodeURIComponent if it is available on the target browsers.

Munzilla · Accepted Answer · 2011-04-14 18:29:46Z

2

use the escape function: http://www.devguru.com/technologies/ecmascript/quickref/escape.html

but be warned that this escapes everything. It depends on what you want to do with that html in the variable.

edited Apr 14, 2011 at 18:29

answered Apr 14, 2011 at 18:24

Munzilla

3,8555 gold badges33 silver badges35 bronze badges

Comments

Community · Accepted Answer · 2017-05-23 10:28:54Z

1

You need to escape the " inside the string quoted with " using \":

var messageTemplate = {
   defaultMessageTemplate : "<p>aaaa <b>_username_</b>,</p>
            <p>1sdfasşlğllğlğ.</p>
            <p><b>1 sdfsfsfü şesdfce 12 sfsf.</b></p>
            <p>Üsdfdsfsfsf üyelesfdsdfsdfmsdfdsfdava.</p>
            <p style=\"font-weight:bold; font-size: 16px;\"><a href=\"/dsfsfs\">sfsdfsf Yarasfsdfklayın</a></p>
        <p>Önsdfdsfpıİsdfdfsfn kaçırmayın.</p>
        <br/> <br/>fafaf, <br/>_domain_ Ekssibi</textarea></label></td>"
};

Or use single quotes where you can use " without escaping them (but you would need to escape '):

var messageTemplate = {
   defaultMessageTemplate : '…'
};

And if this JavaScript code is embedded into HTML, you also need to escape the </ somehow.

edited May 23, 2017 at 10:28

CommunityBot

11 silver badge

answered Apr 14, 2011 at 18:27

Gumbo

657k112 gold badges792 silver badges852 bronze badges

2 Comments

kamaci Over a year ago

I escaped <p> as \<p> and didn't escaped </p> so it looks like works. Do I do anything wrong?

Gumbo Over a year ago

@kamaci: No, you need to “remove” the literal </ somehow and that only when embedding it into HTML as that’s interpreted as end tag open delimiter of the SCRIPT element.

Collectives™ on Stack Overflow

How to assigning an HTML string to a variable in JavaScript with easily escaping from special characters

3 Answers 3

2 Comments

Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related