How to display page in editor reflecting the website's CSS?

[dwest]

Inside the editor, how do I get the text to reflect the CSS of the website

For example, I have H1 styled in the CSS but it shows up in the editor unstyled. Huge in other words and with no line height setting. Same with bullet styling etc.

Seems the editor window needs to reflect the style of the site regarding the text being edited. Otherwise I'll have some pretty confused clients trying to edit their own sites.

ALSO:

In the editor, the format dropdown has nothing in it. H1, H2 etc, would be handy. How do I get that to happen

I've looked in the docs to no avail...perhaps I missed it?

All comments appreciated

[ironblaze94]

go to the css stylesheet, and check the "screen" option then click apply, you should then see the styles associated with that stylesheet on the editor's style drop down menu

repeat process for as many stylesheets as you want

[Dr.CSS]

Sounds like you are using 1.1.1 with tiny, I had a site with the format problem, ended up uninstalling it and uploading tiny from 1.1 and then it showed the newest one installed w/o having to install it I just uninstalled it again and then the other ver. showed it needed installing so I installed it and now I have format drop down...

But I only get a limited amount of the CSS showing in the Styles drop down and all the CSS is one file marked as screen, I don't use it but it would be nice to have all the styles available...

[dwest]

No worky.

I don't EVEN want to fa*t around with what Mark said. Who has time!?!

This needs to work. If it did, it would be the ONLY CMS that had an editor that actually visually reflected the styles in the page...aka WYSIWYG.  No CMS I'm aware of has addressed this.

It can't be THAT big a deal surely!  Just needs a smart programmer's attention eh? 

[mikemcvey]

Have you attached the css to the template using the {stylesheet} tag or hardcoded the link in the HTML?

I got it to work by...

» attach the stylesheet to the template through the admin (css must be checked as screen)
» add the {stylesheet} tage to your template header

[ironblaze94]

No worky.

I don't EVEN want to fa*t around with what Mark said. Who has time!?!

This needs to work. If it did, it would be the ONLY CMS that had an editor that actually visually reflected the styles in the page...aka WYSIWYG.  No CMS I'm aware of has addressed this.

It can't be THAT big a deal surely!  Just needs a smart programmer's attention eh? 

have you connected the stylesheet to the template ?

[Josette]

I had this problem myself yesterday. In the end I changed the WYSIWYG editor to FCKeditorX and it worked fine. I was also having problems handling images with the tinyMCE editor but this too was resolved by opting for FCKeditorX instead.

cheers