I have an FCKeditor which edits the HTML of full pages such as this (simplified):
styles.css would contain:
The problem is this:
When editing the page in the WYSIWYG view of FCKeditor, it is finding the styles in styles.css and applying them to the elements in the editing interface. This means that it is not possible to edit the contents of "Paragraph Two" in the WYSIWYG view because it is set to display:none (In the normal page a javascript would show/hide this element).
I cannot work out how to override the styles.css for the editing interface to set p.hidden to display:block.
I have tried setting FCKConfig.EditorAreaStyles in the myconfig.js file, but it has no effect. (I've made other changes in this file such as editing the ToolbarSets and they show fine.)
So how can I either override the styles.css just for the editor or is there a way to tell FCKeditor to override any display:none so that they are editable?
Many Thanks
<html> <head> <link media="screen" rel="stylesheet" href="styles.css" /> </head> <body> <p>Paragraph One</p> <p class="hidden">Paragraph Two</p> <body> </html>
styles.css would contain:
p { color: red; }
p.hidden { display:none; }
The problem is this:
When editing the page in the WYSIWYG view of FCKeditor, it is finding the styles in styles.css and applying them to the elements in the editing interface. This means that it is not possible to edit the contents of "Paragraph Two" in the WYSIWYG view because it is set to display:none (In the normal page a javascript would show/hide this element).
I cannot work out how to override the styles.css for the editing interface to set p.hidden to display:block.
I have tried setting FCKConfig.EditorAreaStyles in the myconfig.js file, but it has no effect. (I've made other changes in this file such as editing the ToolbarSets and they show fine.)
So how can I either override the styles.css just for the editor or is there a way to tell FCKeditor to override any display:none so that they are editable?
Many Thanks