Pass quotes correctly from frontmatter

[Obspogon]

If I pass a frontmatter value like this:

customStyle: 'body { background-image: url("/pics/image.png"); '

The quotes get replaced in the HTML:

body { background: url('/pics/image.png'); }

How do I pass quotes safely through frontmatter

[TigersWay]

A little bit more information would help 😇 Nunjucks/Liquid/Markdown/Combined? Layout? etc?
As usual a visible light repro would be a good start.

[Obspogon]

nunjucks

[pdehaan]

@Obspogon Assuming you're using Nunjucks, you'll need to use the safe filter to avoid auto-escaping.

[Obspogon]

How do I use the safe filter in top-level frontmatter? i.e.:

---
layout: base
customStyle: 'body {background-image: url("/pics/img.png");}' | safe // dosen't work
---

[pdehaan]

Close, but you would use the filter in your Nunjucks layout (or however you're rendering the data).
So something like {{ customStyle | safe }}, depending on where/how you're using the front matter value.

[Obspogon]

oh