Storing html into a JS variable

Question

I'm trying to save html into a JS variable

var popupBody = '<%= MyContext.Current.DynamicProperties.FirstOrDefault(p => p.PropertyName == "PopupModalBody").PropertyValue %>';

Above code will try to store html returned by C# to a JS variable (popupBody) but it returns Syntax Error in the console because the html is not in a single line. How can I achieve this? Thanks for any help.

I am not sure but I think you can append Replace function and use likePropertyValue.Replace("\r\n","") — Ankit
– Ankit, Commented Jan 26, 2017 at 10:52
try to use template string developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/… — K D
– K D, Commented Jan 26, 2017 at 10:53

K D · Accepted Answer · 2017-01-26 11:17:01Z

1

You can use template string instead of this. It is part of ES6 and make sure your browser supports this.

var popupBody = `<%= MyContext.Current.DynamicProperties.FirstOrDefault(p => p.PropertyName == "PopupModalBody").PropertyValue %>`;

Reference

answered Jan 26, 2017 at 11:17

K D

6,0091 gold badge25 silver badges36 bronze badges

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

2 Comments

Sunny Drall Over a year ago

Could you suggest any other approach? because as you know this trick has problems with older browsers.

K D Over a year ago

a simplest way of doing this would be... adding this value to a <div style="display:none" id="htmlContent">. then using document.getElementById("htmlContent").innerHTML access this content in your variable and use it further. as you can also destroy the DIV after this. One more way would be to replace all \n\r with empty string while assignment

AKX · Accepted Answer · 2017-01-26 10:52:57Z

0

I'm not an ASP.net (assuming that's the case from the <%= %>) programmer, but the general idea, no matter which templating or programming language you're generating JavaScript in is that you can use JSON encoding for JavaScript literals.

So -- assuming there's something like Json.Encode available in the template:

var popupBody = <%= Json.Encode(MyContext.Current.DynamicProperties.FirstOrDefault(p => p.PropertyName == "PopupModalBody").PropertyValue) %>;

Note the lack of quotes; the JSON encoder will add those, as it's encoding a string.

answered Jan 26, 2017 at 10:52

AKX

171k16 gold badges146 silver badges228 bronze badges

1 Comment

Sunny Drall Over a year ago

For others, I tried using the similar approach and it worked for me, try this JSON.ToJSON()

Collectives™ on Stack Overflow

Storing html into a JS variable

2 Answers 2

2 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related