CSS classes isn't showing up

Squiz Matrix Support
1

Hi!


The CSS classes isn't showing up when editing pages, not on frontend nor in backend.



I've tried with every possible way to include a CSS file.


    

    @import url("/mf.css");


And I've also tried with putting a css class direct into the HTML. Like:

    
    .testClass { color: blue; }


None of these implementations can the htmlArea pick up from.

What can be wrong?

When will a major exchange of the WYSIWYG editor be done? In ver. 4+ ?
2

You must use the mysource_files/ location and upload the CSS as an Associated File of the Design (on the Details screen of the Design asset).


You also need to use the <link rel="mysource_files/file.css" … /> format to load the CSS file.



Also, only CSS classes are exposed (.class), not IDs (#id).

3

Hmm… this seems to work, but the styles aren't visible until I logout from _edit. Is there no way to show the styles within the _edit mode?

4

[quote]Hmm… this seems to work, but the styles aren’t visible until I logout from _edit. Is there no way to show the styles within the _edit mode?
[right][post=“9145”]<{POST_SNAPBACK}>[/post][/right][/quote]



In _edit mode, the editor should show some of the formatting from your style sheet. I’m not entirely sure what we cleanse. I know some CSS is removed to protect you from fixed positioned elements causing a problem with the editor. To be honest, I haven’t done much work with simple edit, so I honestly can’t recall offhand what is and is not available.