Display javascript code with text()

Question

I'm trying to display some javascript within pre/code tags using jQuery text() method. Like this:

 jQuery(".output").wrapInner( "<pre><code></code></pre>" );
 jQuery(".output code").text("<script type='text/javascript' src='http://somedomain/?" + apiKeyValue.val() + "></script>");

However the script tags produce a

Uncaught SyntaxError: Unexpected token ILLEGAL

error in the console. How can I display the script tags?

Community · Accepted Answer · 2017-05-23 12:06:07Z

2

Replace

jQuery(".output code").text("<script type='text/javascript' src='http://somedomain/?" + apiKeyValue.val() + "></script>");

with:

jQuery(".output code").text("<script type='text/javascript' src='http://somedomain/?" + apiKeyValue.val() + "></"+"script>");

or:

jQuery(".output code").text("<script type='text/javascript' src='http://somedomain/?" + apiKeyValue.val() + "><\/script>");

You need to break the </script> tag ("</"+"script>") or escape the / ("<\/script>")

As pointed out by TreeTree in the comment, for a detailed explanation, please read Why split the <script> tag when writing it with document.write()?

edited May 23, 2017 at 12:06

CommunityBot

11 silver badge

answered Jul 17, 2015 at 16:53

Alex Tartan

6,84410 gold badges37 silver badges47 bronze badges

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

2 Comments

Guruprasad J Rao Over a year ago

I think you also need to replace text(".....") with text('.....') as html attributes is better to be quoted with " " like type="text/javascript"

TreeTree Over a year ago

I think an explanation of why you have to do this would go a long way. I found this stackoverflow.com/questions/236073/….

Collectives™ on Stack Overflow

Display javascript code with text()

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related