Null style for a given element and all child elements within?

Dj_Jestar · 15 Nov 2007 at 15:43

One of the sites I've created uses TinyMCE for the content. The user is copying content from word doc's into the field, then saving and due to the various style attrib's for the rest of the site, it is interfering with the style of the tinymce content.

So.. I would like to be able to do something like:

Code:

div#article, div#article * { style: none !important; }

to "null" all the style.

Possible?

LazyManc · 15 Nov 2007 at 20:22

Unfortunately, while you can enforce inheritance of a particular property, I don't think there is any way to turn off all inheritance for a particular selector.

I've had this problem in the past when trying to use relative font-sizes, where a "dont inherit" option would be useful, but I think the best you can do is to reset each individual property which adds a fair bit of css.

GravyMonster · 15 Nov 2007 at 20:24

I recently had this problem and didn't find a solution as i ran out of time to investigate, but I'd be interested to hear what you find.

I do know however, that FCKEditor has a specific function to cover pasting from Word, which I assume strips out the format data that word 'helpfully' puts in.

psyr33n · 15 Nov 2007 at 20:25

Not possible unless you reset all elements. Trying to think of a workaround, but can't at the moment.

Dj_Jestar · 19 Nov 2007 at 15:08

Ta,

I'd needed not bother in the end; I've been able to place the #article div at a sufficiently high enough level that it no longer has any styled elements to inherit from

However, Firefox's default settings prevents Javascript from accessing the clipboard, so I've got another PITA to deal with now.

marc2003 · 19 Nov 2007 at 21:39

Dj_Jestar said:
However, Firefox's default settings prevents Javascript from accessing the clipboard, so I've got another PITA to deal with now.

slight hijack - is there a setting you can change then? i'd like to able to use to firefox/javascript to copy the content of a text area TO the clipboard. i've googled but what i've found is IE only.....

(to be fair i'm insanely lazy. i've already got some js that highlights all the text, but anything to save 1 click.

)

Dj_Jestar · 20 Nov 2007 at 11:23

It's a client side setting, there is no way for Javascript to enable it - ergo, there is no way for the webapp to do it. I haven't tried SSL to see if it allows it though.

marc2003 · 20 Nov 2007 at 15:41

ah i knew that. i meant to ask if there was a setting i can change in about:config or something.

edit: after a little more googling, i found the setting in about:config and the JS for it to work here.

http://www.krikkit.net/howto_javascript_copy_clipboard.html

the page is for my use only so i don't have to worry about other people's browser configurations.

Dj_Jestar · 22 Nov 2007 at 17:58

Late reply,

http://www.mozilla.org/editor/midasdemo/securityprefs.html