How to correctly insert html code into the srcdoc attribute?

Question

css

The question is that there is a minified html code with js and css inside, and it already has an iframe with srcdoc inside, it needs to be placed in the iframe, it turns out two nested srcsoc attributes. The problem is that a collision appears, " and ', if you replace everything inside" with ', then the internal srcdoc stops working, I tried to replace it with & quot ; it seems to start working, but it knocks out in the style attribute in the font names, for example, font-name: "Chepuxa", closes the style attribute in front of the font name, it's not realistic to figure it out manually, I want to replace it.

Answer 1

For nested quotes, try the characters ` and \' (the latter is used as a single character).
In addition, you can use font names without quotes in font-name, even if there is a space in the name.

Answer 2

In general, I found a service that screens html, and I managed to cope with this task.
https://www.freeformatter.com/html-escape.html