The CMS & Schema Markup for Recipes

Hello Webflow Community! :wave:

I have a ‘recipes’ CMS collection on my Webflow site and am trying to set up schema markup on each individual recipe page as custom code in the head.

To include ingredients within the schema markup it must be formatted in an array as below:

"recipeIngredient": [
   "3 or 4 ripe bananas, smashed",
   "1 egg",
   "3/4 cup of sugar"
],

Unfortunately, the Webflow CMS escapes any HTML entities (which is great for security and far from an ‘issue’).

However, this means if I made a CMS field with the following content:
"3 or 4 ripe bananas, smashed", "1 egg"

It would output in the schema markup as:
"3 or 4 ripe bananas, smashed", "1 egg"

This returns an error and breaks the entire schema markup formatting and is rejected by Google.

Does anyone have a solution for this, or should I just leave ingredients out of my recipes and take a slight hit in terms of what the pages can achieve?

Thanks in advance,

Sam