dragoon wrote:

You can allways make a wrapper. Forexample a php file that includes all the styles you want and then include that php in content_css.

Sorry, but this is just an ugly hack.
IMHO, it should work with multiple css files 'directly on the client side'.
Even more, the entire CSS support must be improved, to allow the selection of styles based on their context - so an intelligent CSS styling.

Ahmed.

I'm running into the same "problem", as has this guy.

I'd like to use one stylesheet just in the editor so I can let a grid-background image show up only in the editor, to easily align images, divs, etc. At the same time I want to use my more general stylesheet.

Still, loving tinyMCE more and more.

First of all, thanks for the advice, I appreciate it.

I made a PHP stylesheet mixfile two days ago and it's working fine, it jsut loads the normal stylesheet and attaches a little bit at the beginning that has a body background script exactly like you proposed.

In this thread I learnt that the content_css path is relative to the file you are opening in tinyMCE:
http://tinymce.moxiecode.com/punbb/view … hp?id=1193

so that could also be usefull somehow maybe.


The PHP inside the mix-file:

$includeme = $_SERVER['DOCUMENT_ROOT']."/site/globalsheet.css"; if (file_exists($includeme)) {include($includeme);}
$includeme = $_SERVER['DOCUMENT_ROOT']."/site/editorsheet.css"; if (file_exists($includeme)) {include($includeme);}

I have used this quick php script to modify my default stylesheet (test.css)

its not too elegant but works as a quick and dirty fix for anyone who wants it

<?  // this file called editorstylesheet.css.php
    header("content-type: text/css");
    $fc=file("test.css");
    foreach($fc as $line){
        if(!strpos($line,"##not editor##") > 0){
            echo($line);
        }
    }
?>

in your tinyMCE init code put
content_css : "[path to css folder]editorstylesheet.css.php",

in your style sheet  put something like (all lines with ##not editor## will not be shown)

body {
    background: url("../images/page-bg.gif"); /* ##not editor## */
    background-repeat: no-repeat;
    background-color: #fff;
}

you can also do blocks of editor only css like this

/* ##not editor##
some{
   editor only css
   block
   here
}

##not editor## */

Just use php or javascript to add the domain/hostname to your path. Shouldn't be hard to do.

This is a very old thread. Maybe content_css did not handle comma separated list back then?  I use this setting:

content_css : "/script/default.css,/site/TemplateA/standard.css,/default.aspx?__ShowStyleSheet=1"

Thus no need to concatenate css files together. And as you can see, last one is a dynamic one and yes, works well, so keep on trying. :-)

Additionally, from our style library I change the last CSS file URL in the DOM something like /default.aspx?__ShowStyleSheet=1&revision=N where N is increased by every edit of the css file, and tinyMCE (or the browser) reloads it correctly (in FF for now). (I do the change in tinyMCE getDoc() document's DOM.)