The styles that were applied in Tiny Editor used to be visible. E.g. When I used to apply a headline format, for example H1, it used to look in style as it would appear on the website, which was great -- especially an essential help to regular editors.

It seems that since upgrading to 2.6 the editor dosn't show the styling any more, which inot userfriendly at all.

What has changed, and is there any way to get the previous behaviour back?

Hmmm, because of the lack of response I'm wondering:

- Can anyone else actually see styles from the backend stylesheet being visually applied in TinyMCE?
- Has anyone else noticed that this doesn't happen in the new version?

Even if you don't ahve a solution, It'd be nice to hear about it.

I've never seen any of my front-end styles being applied in the backend view.

Thanks, Logan, that's useful to know.

No idea why it showed up for me for a time. It was EXTREMELY useful, as Editors could see what they were doing. When they now apply a style, there is no visual confirmation at all of anything happening. Guess we'll have to live with that.

Till now I am not very familiar with tiny editor and Typolight, but I know some other RTEs that are using external css styles. Maybe you can search for links for css in Tiny config files and connect them with css in Typolight.

Indeed, in the config file tinyMCE.php it can be specified which style sheets are used. Now Tiny editor is showing nicely what appears on the website

Look for this line:

Code:

  content_css : "../basic.css,../system/themes/tinymce.css",

Hope that helps others.

Thanks for pushing me, 5r.

I know this is an old thread but hey I'll ask my question give it a go

I know you can change the styles in TinyMCE so that it looks the same as it appears on the frontend website by adding a 'basic.css' file to the root of your typolight site. This overides the 'tinymce.css' in the systems folder.

you can even define styles inline in the tinyMCE pre-defined styles drop-down menu.

FYI:
1. Put same style class elements ( ie '.red-color-font { color:#12345;}' ) in both the 'basic.css' at root level, aswell as your own 'custom.css' which i presume is in your 'tl_files' folder somewhere.

2. If you do not put them in both places, but only say in 'basic.css' then you will see the effect of the style in only the tinyMCE editor but not on your actual live site.

Hope the above will help someone.

My problem is the 'basic.css' file keeps disappearing randomly from typolight root once in a while (i know it sounds odd). so i keep a backup copy somewhere else to replace it when it happens.

so what am i doing wrong? should i put it in root at all or somewhere else?

Hi geung,
when you import a css in TL you must use TL when you would change something in the css file.
TL overwrite the file one time a week with the data from the database. Because TL don't know your changes.
So you use the css in TL (Backend) ore you use an normal editor. Not both ;-)

regards

MacKP:

TL overwrite the file one time a week with the data from the database.

ohh did not know this, thanks!
I usually don't use the internal TL style editor (cause i don't import my styles into TL) I prefer to edit the css file directly, mainly because i don't know how to use the backend style edit system well enough.

what i didn't want was for the 'basic.css' (aka tinymce.css) to interfere with my 'custom.css'. I just wanted 'basic.css' to control the tinyMCE (which is bit different from the actual frontend styling due to the iframe size of the WYSIWYG)

.....ten minutes later..........SOLVED! It seems to work!

Ok I Imported the 'basic.css' into TL but don't attach it to any template layout. tinyMCE seems to recognise it. great!
I guess this is also what i can do for 'newsletter.css' aswell.

one hundred thanks going in your direction MacKP