Special characters in component parameters

[TristanP]

Hi there.
I have a component wired up with parameters like so:

“headline”: {
“label”: “Headline”,
“type”: “text”,
“initial”: “Main headline”,
“placeholder”: “Enter headline text”
},
“subheadline”: {
“label”: “Subheadline”,
“type”: “text”
},
“bodyText”: {
“label”: “Body Text”,
“type”: “text”,
“initial”: “It’s the main content of the component…”,
“placeholder”: “Enter body text”
}
}

This works fine. However, when i want to actually change the text in the component shortcode like so, it breaks down:
[cs_component id=“1zLYdpqiIuhIh7P3UP” parameters="{“headline”: “Good news!”, “bodyText”: “Some text, and let’s look at some more text”}"]
The reason it breaks down is the apostrophe in …let’s look. I tried backslashing it with let \'s look instead, but that does not work either. The only thing that works is to change the parameter input to …let us look.

How do i make component shortcode with parameters work for such special characters?

[tristup]

Hi Tristan,

Thanks for reaching out.

I would suggest you try the HTML Character Entities, which allows you to add special characters. Please find the article with the reference codes.

HTML Character Entities

Hope it helps.
Thanks