Hi All, I am using the colorbox JS library for lightboxes in my app. All you do is pass some markup in as a JSON field 'html' and it pops the markup up in a lightbox. So I'm doing this:
$.colorbox({html:"<t:cardLightbox cubeId="cubeId"/>"}); With the cardLightbox component being responsible for generating the markup. The cardlightbox component contains lots of unescaped quotes in it's template and I end up with the following JS error: SyntaxError: missing } after property list$.colorbox({html:"<div id="lightboxContainer"><div class="card"><img height="285...I'm wondering is there either a component I can pass the markup into to escape the quotes, or another approach to generate this markup as a valid JSON string? I know that I could do away with the template for cardLightbox entirely and use a MarkupWriter but just wondering if there is a better option. Cheers, Ben.