How to deal with single quotes in locals?

[raphaelgoetter]

• Maizzle Version: 3.0.1
• Node.js Version: 14

Hello,

I need to display single quotes in my locals values (in my screenshot Villeneuve d'Ascq) , but json refuses them (even when escaped).

Do you have a solution?

[cossssmin]

You could replace the single quote with an HTML entity, like ’ or ':

<component locals='{
    "mediaPlace": "Stade Pierre Mauroy, Villeneuve d&rsquo;Ascq"
  }'>Réserver</component>

When using HTML entities, your component should use triple curly braces for outputting variables:

- {{ mediaPlace }}
+ {{{ mediaPlace }}}

[raphaelgoetter]

Could work, thank you 👍

[raphaelgoetter]

When using HTML entities, your component should use triple curly braces for outputting variables:

Also, is there a documentation for this? Didn't find it.

[cossssmin]

You're right, missed it, need to add it to our docs as well.

https://github.com/posthtml/posthtml-expressions#unescaped-locals

[cossssmin]

Added:

https://maizzle.com/docs/templates/#unescaping-variables