Application CSS is overridden by Trumbowyg Content

Whenever custom CSS styles are applied to the Editor it will override the default CSS of the application running the editor.

Simple CSS like below will shrink the font of nearly the entire application

body{font-size:.7em}

What is the best way to implement trumbowyg in a rails application so the CSS does not override the default application CSS?

[zeknox]

Is there some way to render trumbowyg in a way similar that functions like a seamless iframe where the CSS within the editor is segregated from that of the running application?

This seems quite brittle that the content within the editor has the ability to manipulate the entire view of the application.

[zeknox]

The editor still needs to allow for style tags to work properly, but only scoped to the content within the wysiwyg editor.

This HTML content within the editor is rendered elsewhere in a view, which is why the styles still need to work. It just shouldn’t allow the styles to override the apps default CSS that is rendering trumbowyg inline.