Home/ Questions/Q 6536223
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-25T10:27:59+00:00

I have a div LivePreview that previews the text entered into a textarea as

  • 0

I have a div LivePreview that previews the text entered into a textarea as HTML using jQuery. The problem is, it inherits all the other styles on the page, as it should…

Is there a way to clear all styles for just the LivePreview (table, p, etc…) or will I have to reset each of the LivePreview children manually?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    The way to do it is as done in jsfiddle itself which does a similar thing to what you want. The way they seem to have doe it is put that box within an iframe.

    Anything nested within the iframe loses any CSS that has been called out of it unless the CSS file is explicitly linked to from within the `iframe. So your code should be:

    <div class="LivePreview">
    <iframe>
        <head></head>
        <body>
            /* Any HTML you want and will have the default CSS*/
        </body>
    </iframe>
</div>
    • 0