Show preview of HTML with original CSS inside an existing site

Asked Feb 21 '18 at 14:17

Active Feb 21 '18 at 14:18

Viewed 38 times

Goal

I have to show a preview of an HTML file with its own CSS inside a modal dialog of my site.

Problem My site has its css and i don't want it to affect the preview. The html to show has only "style" attribute, no css class selector defined.

Is there a way to reach it? I thought this could help

#reset-modal-content{
  all: initial;
  * {
    all: unset;
  }
}

But i've found that if i comment a style attribute, the element gets "my site" definition.

edited Feb 21 '18 at 14:18

asked Feb 21 '18 at 14:17

Jack Skeletron

1,351
13
37

5

use `iframe` for this – Temani Afif Feb 21 '18 at 14:18
Ok got it, i thought there was a way to avoid iframe. Thanks. – Jack Skeletron Feb 21 '18 at 14:22
1

you can but why complicating when it's easy – Temani Afif Feb 21 '18 at 14:23
@TemaniAfif Thank you. – Jack Skeletron Feb 21 '18 at 14:31
Or an image...? – wazz Feb 21 '18 at 15:20

Show preview of HTML with original CSS inside an existing site

0 Answers0