Reset CSS for a certain area of the page?

Question

I am working on a CMS. One of its functions is the editing of HTML \"chunks\" in a WYSIWYG editor that are displayed as individual pages.

I have an area in the CMS w

Answer 1

Adding to what GSto said you can have some style set up like

div.clearCss *
{
  property: value !important 
}

With all pertinent style properties reset. This style should apply to anything under an element with clearCss set as it's class, so you would only need to apply that class to the parent element.

Answer 2

If you take TinyMCE for example, they use also an iframe, I think they had the same problems like you. I use it in my backend and on some pages 4 iframes. I don´t see any performance problems.

With TinyMCE it is possible to compress the functions you need (in PHP, JSP, .NET and Coldfusion), this gives you a great speedboost.

Think twice, bevore you write your own WYSIWYG editor, the others are well tested and have a bunk of very good plugins for nearly every need.

Answer 3

you could give all of the divs that contain code from the WYSIWYG editor a class, and then reset everything inside of that div.

Answer 4

There are CSS Reset stylesheets available; you could modify those, perhaps?

Answer 5

Are you using a specific WYSIWYG editor in CMS? I've found that the Telerik RadEditor will allow you to use specific stylesheets for the actual editing area of the editor. The editor that you are using might also be able to to do that.

Good luck, and hope this helps.