Stop Characters from Encoding in HTML from C# Code Behind

Question

Hello and thank you in advance. I am generating controls from C# code behind and want to apply an onclick attribute that will sent a modal to block display. When the code executes, apostrophes in the onclick function string are encoded to ' and I want to stop that from happening and pass the raw text.

I have tried the following to solve the problem with no resolution:
\'
''
<%= myString %>
HtmlString(myString).ToHtmlString();

There are probably other iteration that i tried but I lost track of them all.

This is the code section creating the control:

HtmlGenericControl viewMoreInfo = new HtmlGenericControl("span");
//HtmlString onclick1 = new HtmlString($"document.getElementById('{i.il_itemcode}Modal').style.display = 'block'");
string onclick1 = $"document.getElementById('{i.il_itemcode}Modal').style.display = 'block'";
viewMoreInfo.Attributes["onclick"] = onclick1;
viewMoreInfo.Attributes["class"] = "w3-bar-item w3-button w3-white w3-xlarge w3-right";
viewMoreInfo.InnerText = "+";

Here is an example of what it renders as:

<span onclick="document.getElementById(&#39;TEST1Modal&#39;).style.display = &#39;block&#39;" class="w3-bar-item w3-button w3-white w3-xlarge w3-right">+</span>

I need the apostrophe to render correctly for the function to work.

Any help would be greatly appropriated.

That should work as it currently is.

Robert McKee
– Robert McKee

2020-02-18 15:53:38 +00:00
Commented Feb 18, 2020 at 15:53 — Robert McKee
– Robert McKee, Commented Feb 18, 2020 at 15:53

Robert McKee · Accepted Answer · 2020-02-18 16:08:31Z

2

Your question is misleading because "I need the apostrophe to render correctly for the function to work." is incorrect. Note the following which is an exact copy of your example, and the click event works just fine as it currently being rendered.

<p id="TEST1Modal" style="display:none">This is hidden until clicked</p>
<span onclick="document.getElementById(&#39;TEST1Modal&#39;).style.display = &#39;block&#39;" class="w3-bar-item w3-button w3-white w3-xlarge w3-right">+</span>

answered Feb 18, 2020 at 16:08

Robert McKee

21.5k1 gold badge48 silver badges64 bronze badges

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

1 Comment

Josh Thrasher Over a year ago

You are absolutely correct. Thank you for pointing that out. The error was in a different section and I thought the HTML render would not run properly. Thank you.

Collectives™ on Stack Overflow

Stop Characters from Encoding in HTML from C# Code Behind

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related