Background color showing in tinymce


Author Message
Louis XIV

Posted: 6/14/2010
Quote message 

Hello,

I have a template that has a background color of green. When I go into Joomla > Articles to either create a new article or edit an existing article the entire text area in Tinymce is green. Of course this makes it difficult to work with text or other elements and I'm wondering what would cause this. In Artisteer I have the sheet set to No Transparency and it looks fine when published. Any help greatly appreciated.

Lou
 
808

Posted: 6/14/2010
Quote message 

i am wondering the same thing.
 
Garry

Posted: 6/15/2010
Quote message 

Go to the TinyMCE Editor and set the "use template CSS" option to "no".

 
Barbara

Posted: 6/23/2010
Quote message 

Turning off the template css doesn't work in TinyMCE editor plugin. This is definitely an Artisteer issue, because I don't have this problem with templates I create by hand.
 
Jeff

Posted: 6/23/2010
Quote message 

I use JCE which I believe uses the basic TinyMCE as it's core. The fix isn't that difficult in JCE. Set the the "Use Template CSS" to "No" as above.

Change the "Custom CSS file" to "templates/$template/css/editor.css"

Then edit the template CSS file "editor.css" in the template manager by changing the "background-color: #[artisteer value];" to "background-color: #FFFFFF;"

One editor background is now white.
 
Barbara

Posted: 6/23/2010
Quote message 

Nope, those didn't work in TinyMCE.

What I discovered worked, and fixed the problem permanently, was to go to the TinyMCE editor plugin settings, and change the mode to Simple. I checked my article editor, and the background color was gone. I then went in and changed it back to Extended mode, and the background is now gone.

Now my settings for the TinyMCE plugin are:
Extended mode,
Template css classes: no,
Custom css classes: editor.css (no path)

BTW, editor.css contains only the styles I want to use in the editor, so I deleted all the ones Artisteer wrote to that file, and placed only my custom styles in it. (Those custom styles are also added to template.css).

Now everything works properly, I have my custom styles in the drop-down, and no background color in the editor.
 
Angus

Posted: 6/28/2010
Quote message 

:-)

Jeff, your solution worked for me.

Thanks.

Is this Joomla or Artisteer issue?
 
Angus

Posted: 6/28/2010
Quote message 

actually, had to abandon your solution jeff as I needed to see the effect in th editor of style changes and the editor.css file does not contain my artisteer styles so implemented sideny's fix from this thread:

http://www.artisteer.com/Default.aspx?post_id=111974&p=forum_post&forum_id=20

(basically, turn on high contrast and keep template.css).

This is a clumsy issue that needs to be fixed by one or both sides.
 
Thom

Posted: 9/22/2010
Quote message 

With Jeff's solution, i had to switch from yes to no and again from to yes to no and then it worked. Thanks Jeff!
 
Gary

Posted: 10/15/2010
Quote message 

Hi all,

I had the same problem. I did several tests and it definitely came from the Artisteer template. But I did none of the above. I when to the editor.css and changed the background-color to White (ffffff). I hope this helps. :-)

body
{
margin: 0 auto;
padding: 0;
background-color: #ffffff;
 
Omar Evans

Posted: 11/17/2010
Quote message 

hello i was following the thread and have the same issue with artisteer and wordpress. when i create my header in artisteer with a fluent header it shows up in my tinymc editor when editing a post which is difficult how can i solve this in wordpress tinymce plugin

 
Melinda

Posted: 11/17/2010
Quote message 

I had tiny mce advanced, turned off the advanced , import css options and it went away.
 
KFloyde

Posted: 11/18/2010
Quote message 

It's actually a Joomla issue... here's the easiest way that I've found to take care of it:

1. Go to Extensions » Plugin Manager
2. Open Editor - TinyMCE
3. Under Plugin Parameters, set Template CSS Classes to No.
4. Save and exit.

 
Thierry

Posted: 11/18/2010
Quote message 

Quote KFloyde:

It's actually a Joomla issue... here's the easiest way that I've found to take care of it:

1. Go to Extensions » Plugin Manager
2. Open Editor - TinyMCE
3. Under Plugin Parameters, set Template CSS Classes to No.
4. Save and exit.



Spot on, thanks for the tip this has worked for me.
 
charoldson

Posted: 11/18/2010
Quote message 

Quote KFloyde:

It's actually a Joomla issue... here's the easiest way that I've found to take care of it:

1. Go to Extensions » Plugin Manager
2. Open Editor - TinyMCE
3. Under Plugin Parameters, set Template CSS Classes to No.
4. Save and exit.



The problem with this method is you lose all normal article formatting. Also, the "Preview" is still showing the incorrect background color.