Single quotes make my code hover

[yammi]

Hello, Sorry for my English ;-)

I encounter a new problem in my mutation from webbrowser to webview.

I am creating variables of type string and inlining them using a webview2 to populate a field. On the other hand when I have an apostrophe (') then the text does not appear.

Example :

dim variable as string = "En tant qu invité"

works

dim variable as string = "En tant qu'invité"

does not.

I replaced tested:

dim variable as string = "En tant qu" & chr(39) & "invité"

it doesn't work.

I can't find the trick to get out of this mess for 3 hours!

Thank you !

[dday9]

I suspect this is an escaping issue with the javascript when calling ExecuteScriptAsync.

Take this for example:

Dim innerHTML = "En tant qu'invité"
webview21.ExecuteScriptAsync($"document.getElementById('my-element').innerHTML = '{innerHTML}';")

What actually gets executed is this:

document.getElementById('my-element').innerHTML = 'En tant qu'invité'

So the string ends prematurely after qu and a JavaScript error would occur, something to the effect of:

Uncaught SyntaxError: Unexpected identifier

What I would suggest trying is either escaping the single quote, using a different string encapsulation, or by using the HTML entity, e.g.

Dim innerHTML = "En tant qu\'invité"
webview21.ExecuteScriptAsync($"document.getElementById('my-element').innerHTML = '{innerHTML}';")

-or-
Dim innerHTML = "En tant qu'invité"
webview21.ExecuteScriptAsync($"document.getElementById('my-element').innerHTML = `{innerHTML}`;")

-or-
Dim innerHTML = "En tant qu'invité"
webview21.ExecuteScriptAsync($"document.getElementById('my-element').innerHTML = '{innerHTML}';")

[.paul.]

Try escaping the apostrophe...

dim variable as string = "En tant qu\'invité"

Or...

dim variable as string = "En tant qu\\'invité"

[jmcilhinney]

You can also use double-quotes as your HTML delimiters so that single-quotes in your data won't be a problem. Using dday9's example:

Dim innerHTML = "En tant qu'invité"
webview21.ExecuteScriptAsync($"document.getElementById(""my-element"").innerHTML = ""{innerHTML}"";")

[yammi]

Thanks for your help. Replacing "qu'invité" that "qu\'invité" guest with works perfectly !