Page 1 of 1

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

Posted: Fri Aug 31, 2007 5:42 am
by 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 :)

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

Posted: Sat Sep 01, 2007 9:52 am
by 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

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

Posted: Sat Sep 01, 2007 6:56 pm
by 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...

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

Posted: Sun Sep 02, 2007 1:17 am
by 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?  ;)

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

Posted: Sun Sep 02, 2007 9:34 am
by 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

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

Posted: Sun Sep 02, 2007 9:57 am
by ironblaze94
dwest wrote: 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 ?

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

Posted: Tue Sep 04, 2007 1:21 am
by 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