Escape double quotes properly to display element correctly in Design View

I am using an custom bootstrap theme in which a carousel element exists for which options can be set this way:

<div class="tns-carousel-inner" data-carousel-options="{&quot;items&quot; : 1, &quot;controls&quot; : false, &quot;nav&quot; : true}">

It renders fine in a real browser preview, but the carousel content is hidden in Wappler’s Design View.

I am sure it’s because of the double double quotes which I can’t (properly) escape, I eliminated all other possible reasons why it wouldn’t display.

Is this something Wappler’s internal browser (Design View) is not capable of showing properly or should I modify this line of code to make it work in the Design View as well?

There are no syntax error codes in the code editor shown btw and replacing " and/or the "{ by '{ doesn’t work either. The latter change results in an error noticing that the data-carousel-options has to be wrapped in double quotes.

This project is on NodeJS btw.

Thanks for any help in advance.