Background Color of WYSIWYG editor - help changing?

GJSchaller · Post by **GJSchaller** » Mon Dec 19, 2005 10:48 pm

I'm in the process of setting up a new site for my WoW guild:

http://www.psi-13.com/goat/

The site is up and operational, but I am hitting a minor snag in the coloring of my template. I wanted to set the background color of the whole page to black, so that there would not be a large white gap at the bottom of my page or around the banner (Fixed temporarily by a table bgcolor command). But when I do this, the background color of the WYSIWYG editor also turns black.

I tried looking at the source of the page with the editor embedded in it, but did not see a class for the editor. Is there a way to specify the background color for the editor, to make it seperate from the background color of the page?

meisi · Post by **meisi** » Fri Feb 03, 2006 10:24 am

hi ,

TINYMCEin Joomla use templates's CSS file, so any changes to this CSS cause change color in editor, so you can fix it easily !.

for fix it ,make a different CSS file with any body background color in your template folder and change this line in :

mambots\editors\tinymce.php

around line 93 :

$content_css = 'content_css : "'. $mosConfig_live_site .'/templates/'. $template .'/css/template_css2.css", ';

so you have a different color for TINYMCE's background.

GJSchaller · Post by **GJSchaller** » Fri Feb 03, 2006 1:30 pm

Thank you!

evelyng · Post by **evelyng** » Tue Feb 21, 2006 6:04 am

I made this change also, and thought I was so smart for being able to do it, but then I noticed that all of my formatting buttings have now disappeared, and the text box wants everything in HTML. I deleted everything I did, and tried to get it to come back to normal, but I can't get the text editor area back.

Here is what it looks like now, in my tinymcd.php file. Can anyone see anything wrong with it?

$file_path = $mosConfig_absolute_path .'/templates/'. $template .'/css/';
if ( $content_css ) {
$file = 'template.css';
} else {
$file = 'editor_content.css';
}

$content_css = 'content_css : "'. $mosConfig_live_site .'/templates/'. $template .'/css/template_css.css", ';

if ( file_exists( $file_path .'/'. $file ) ) {
$content_css = $content_css . $file .'", ';
} else {
$content_css = $content_css . 'template_css.css", ';

evelyng · Post by **evelyng** » Tue Feb 21, 2006 6:27 pm

Never mind, I fixed it, I had incorectlly deleted a MosConfig error. I think this fix works though, I'm going to try it again (It's early now, and I've had my coffee!)

jlabs · Post by **jlabs** » Wed Feb 22, 2006 11:00 pm

Hi it could help someone else.

http://www.123webkit.com/cms/articles-& ... ounds.html

benthabits · Post by **benthabits** » Wed Sep 13, 2006 3:27 am

meisi wrote: hi ,

TINYMCEin Joomla use templates's CSS file, so any changes to this CSS cause change color in editor, so you can fix it easily !.

for fix it ,make a different CSS file with any body background color in your template folder and change this line in :

mambots\editors\tinymce.php

around line 93 :

$content_css = 'content_css : "'. $mosConfig_live_site .'/templates/'. $template .'/css/template_css2.css", ';

so you have a different color for TINYMCE's background.

Ok Im lost... this is not working for me....
"make a different CSS file with any body background color in your template folder"
What do I name this file?

dansaintandre · Post by **dansaintandre** » Wed Jan 17, 2007 4:37 pm

I found a file, JOOMLA/mambots/editors/index.html. All it holds is

Code: Select all

<html>
    <body bgcolor="#FFFFFF">
    </body>
</html>

This is not my code. It came with my copy of 1.0.11 and its editors.
Someone intended this to force the body color to white.
IS this supposed to work? If so, what would cause it to stop/fail to work?

Stumped,
~~~ Dan 0;-<

arekanderu · Post by **arekanderu** » Fri Mar 09, 2007 1:51 pm

I was trying to find something similar and i just wanted to add that editing the php code is not necessary. All you need to do is to login at the Joomla Administrator -> Mambots ->Site Mambots -> Edit TinyMCE WYSIWYG Editor and at the parameters on the right you can set your own css file by simply selecting NO where it says "Template CSS classes" and set the name of the custom.css below that. The css file must be in your_template/css folder. In addition, if you do not want to use a custom css file TinyMCE first checks the template/css folder for editor_content.css file so you can also create that and insert the background color there.

JGRT · Post by **JGRT** » Tue Jul 24, 2007 4:23 pm

Found another fix for the issue:

Put the following code in your CSS File:

body.mceContentBody {
background: #FFFFFF;
}

This will take care of the issue with backrounds, it works fine as TinyMCE calls from this body CSS Code.

I think it would be a good idea in the future for all template designers to place this sinppet of code in the CSS for the site they design..

Thanks Much
Jim

rudialex · Post by **rudialex** » Sat Oct 06, 2007 5:20 pm

JGRT wrote: body.mceContentBody {
background: #FFFFFF;
}

Yes, it's the best and easiest fix. I'm not aware about all editors ... but I'm sure they don't use MCE class (mceContentBody). Guess any other editor has something different ...

So this fix is only for standard MCE editor.

Much better to fix it like ...

Code: Select all

body {
   background: #FFFFFF;
}

body.my-frontend {
	background: #ffffff url(../images/arrow.png);
}

Where class my-frontend will be applied to BODY in your template like

Code: Select all

<body class="my-frontend">

and rewrite previous BODY rules. And body.my-frontend will be used only in your template, and this rules won't be applied to html editor as they have something like

body.mceContentBody
or
body.JCEContentBody

and will use css rules from simple body styling

Code: Select all

body {
   background: #FFFFFF;
}

So... template has background rules (image or red bg) ... EDITOR - DON'T (white bg ... or what you need)

Regards.

The Joomla! Forum™

Background Color of WYSIWYG editor - help changing?

Background Color of WYSIWYG editor - help changing?

Re: Background Color of WYSIWYG editor - help changing?

Re: Background Color of WYSIWYG editor - help changing?

Re: Background Color of WYSIWYG editor - help changing?

Re: Background Color of WYSIWYG editor - help changing?

Re: Background Color of WYSIWYG editor - help changing?

Re: Background Color of WYSIWYG editor - help changing?

Re: Background Color of WYSIWYG editor - help changing?

Re: Background Color of WYSIWYG editor - help changing?

Re: Background Color of WYSIWYG editor - help changing?

Re: Background Color of WYSIWYG editor - help changing?