JCE Editor - page background makes editor screen unreadable
Moderator: General Support Moderators
Forum rules
Forum Rules
Absolute Beginner's Guide to Joomla! <-- please read before posting, this means YOU.
Forum Post Assistant - If you are serious about wanting help, you will use this tool to help you post.
Forum Rules
Absolute Beginner's Guide to Joomla! <-- please read before posting, this means YOU.
Forum Post Assistant - If you are serious about wanting help, you will use this tool to help you post.
- cybervigilante
- Joomla! Explorer
- Posts: 493
- Joined: Mon Apr 23, 2007 11:59 pm
- Location: Apache Junction, AZ
- Contact:
JCE Editor - page background makes editor screen unreadable
when I try to edit with the jce editor, the page background, which is dark and makes the text unreadable, shows in the editor, even though the article background is white. How do I get rid of that?
Arguing with trolls is like watering bricks and expecting flowers.
- pxforti
- Joomla! Hero
- Posts: 2755
- Joined: Wed Apr 04, 2007 8:54 pm
- Location: Driggs, Idaho
Re: JCE Editor - page background makes editor screen unreadable
Hi,
Go to Components > JCE > Configuration
Under the Formatting section, in the Editor Content Class, select "Hi Contrast" This will remove your background color so you can see the text.
See attached screen shot
Go to Components > JCE > Configuration
Under the Formatting section, in the Editor Content Class, select "Hi Contrast" This will remove your background color so you can see the text.
See attached screen shot
You do not have the required permissions to view the files attached to this post.
Joomla Website Design / CS-Cart Website Design
http://writenowdesign.com
http://writenowdesign.com
- masamedia
- Joomla! Apprentice
- Posts: 35
- Joined: Tue Sep 09, 2008 11:47 am
Re: JCE Editor - page background makes editor screen unreadable
pxforti, this hint is awesome. Thank you.
Question though. On a different website I found this fix:
It did work for one site, it didn't work for another. Is there a reliable .css based fix?
Question though. On a different website I found this fix:
Code: Select all
body.mceContentBody {
background-color: #FFFFFF !important;
background-image: none;
}
- pxforti
- Joomla! Hero
- Posts: 2755
- Joined: Wed Apr 04, 2007 8:54 pm
- Location: Driggs, Idaho
Re: JCE Editor - page background makes editor screen unreadable
I haven't used that css code, but it might not work if you use a different editor than the one for which it was built.
Since I always use the JCE editor, the high contrast works for me. Please post if you find a good css solution.
Also, I remember reading on the JCE forum that you can create a custom css style sheet for the editor, but that creates the problem of having a separate stylesheet for editor; if you make changes to the regular stylesheet, then you have to make changes to the editor style sheet.
Since I always use the JCE editor, the high contrast works for me. Please post if you find a good css solution.
Also, I remember reading on the JCE forum that you can create a custom css style sheet for the editor, but that creates the problem of having a separate stylesheet for editor; if you make changes to the regular stylesheet, then you have to make changes to the editor style sheet.
Joomla Website Design / CS-Cart Website Design
http://writenowdesign.com
http://writenowdesign.com
-
- Joomla! Apprentice
- Posts: 20
- Joined: Tue Apr 25, 2006 12:25 pm
- Location: Dallas Tx
- Contact:
Re: JCE Editor - page background makes editor screen unreadable
I've never had JCE Joomla! 1.5 give me anything in the article's default editing window but a white background with black text (High Contrast as default). It has happened in Joomla! 1.0 now and again. My solution basically works the same in both.cybervigilante wrote:when I try to edit with the jce editor, the page background, which is dark and makes the text unreadable, shows in the editor, even though the article background is white. How do I get rid of that?
When the white editor window's background is an issue because the site's content background is colored or even a graphic file this is what I do -
Create a NEW JCE Editor css file - change the window background and text color as default as not to alter other attributes of the article(s) in editing desired (but I suppose you could make default what ever styles the class will allow)/
* Set up a new css file and call it "editor.css"
* Create a "body" class and set the style to what matches the front front end content area's style.
* Place the css file in the template's css folder.
In JCE Configuration Admin set :
* Editor Content Class = Custom
* Use Template CSS = No
* Use Custom CSS file (the path) = templates/"the template's name"/"template's css folder"/"the file's name".css - For example, " templates/ja_purity/css/editor.css "
If there were a simple "editor window" background color and/or image set up section in the editor's config, that would be radically nice concept.
"We live and die by the two edged sword called Open Source."
- pxforti
- Joomla! Hero
- Posts: 2755
- Joined: Wed Apr 04, 2007 8:54 pm
- Location: Driggs, Idaho
Re: JCE Editor - page background makes editor screen unreadable
The problem with creating the editor style sheet is that if you make changes to your real style sheet, you have to update the editor style sheet to reflect. Like you said, a nice option would be a setting in the editor config to turn off the background.
Joomla Website Design / CS-Cart Website Design
http://writenowdesign.com
http://writenowdesign.com
-
- Joomla! Apprentice
- Posts: 20
- Joined: Tue Apr 25, 2006 12:25 pm
- Location: Dallas Tx
- Contact:
Re: JCE Editor - page background makes editor screen unreadable
pxforti wrote:The problem with creating the editor style sheet is that if you make changes to your real style sheet, you have to update the editor style sheet to reflect. Like you said, a nice option would be a setting in the editor config to turn off the background.
One has only to make the effort.
"We live and die by the two edged sword called Open Source."
-
- Joomla! Apprentice
- Posts: 44
- Joined: Tue Feb 06, 2007 1:30 pm
Re: JCE Editor - page background makes editor screen unreadable
or you could use the @import in your main style sheet, like so:
@import url("editor_content.css");
:-)
@import url("editor_content.css");
:-)
- pxforti
- Joomla! Hero
- Posts: 2755
- Joined: Wed Apr 04, 2007 8:54 pm
- Location: Driggs, Idaho
Re: JCE Editor - page background makes editor screen unreadable
Regarding the code below; I figured out it works on Joomla 1.0 to get rid of background color in the jce editor.
body.mceContentBody {
background-color: #FFFFFF !important;
background-image: none;
}
I found out it works for Joomla 1.0. Probably doesn't work for 1.5
body.mceContentBody {
background-color: #FFFFFF !important;
background-image: none;
}
I found out it works for Joomla 1.0. Probably doesn't work for 1.5
Joomla Website Design / CS-Cart Website Design
http://writenowdesign.com
http://writenowdesign.com
-
- Joomla! Apprentice
- Posts: 20
- Joined: Tue Apr 25, 2006 12:25 pm
- Location: Dallas Tx
- Contact:
Re: JCE Editor - page background makes editor screen unreadable
I've not had "body.mceContentBody" work (yet) within a template's css file in 1.5 (using JCE),pxforti wrote:Regarding the code below; I figured out it works on Joomla 1.0 to get rid of background color in the jce editor.
body.mceContentBody {
background-color: #FFFFFF !important;
background-image: none;
}
I found out it works for Joomla 1.0. Probably doesn't work for 1.5
but it does work with 1.5 in an "editor.css" file when JCE is set to do so.
I usually use a separate "editor.css" file
"We live and die by the two edged sword called Open Source."
-
- Joomla! Fledgling
- Posts: 3
- Joined: Mon May 04, 2009 5:51 pm
Re: JCE Editor - page background makes editor screen unreadable
The CSS suffix '.mceContentBody' may only work for certain versions of certain editors, which would explain why it works on some sites not others.
Thanks for tip on the 'High Contrast' setting. That seems the easiest to change. That was hugely helpful. My editor's text was unreadable!
Thanks for tip on the 'High Contrast' setting. That seems the easiest to change. That was hugely helpful. My editor's text was unreadable!
- wilmy
- Joomla! Apprentice
- Posts: 13
- Joined: Sat Apr 05, 2008 7:14 pm
Re: JCE Editor - page background makes editor screen unreadable
There's a really simple fix to this problem... go to Go to Components > JCE > Configuration and then all you need to do is to set "Use Template CSS" to No.
- artcop
- Joomla! Apprentice
- Posts: 14
- Joined: Wed Nov 14, 2007 10:01 am
Re: JCE Editor - page background makes editor screen unreadable
I won't admit to how long I screwed around trying to find a CSS style to fix this problem... so thank all you guys for being here in this thread
-
- Joomla! Fledgling
- Posts: 3
- Joined: Thu Feb 04, 2010 1:27 am
Re: JCE Editor - page background makes editor screen unreadable
This worked, and I thank you, but I ended up running with this solution instead.
http://forum.joomla.org/viewtopic.php?f=474&t=497597
Thank you all for your help.
http://forum.joomla.org/viewtopic.php?f=474&t=497597
Thank you all for your help.
- LAMF
- Joomla! Guru
- Posts: 761
- Joined: Fri Jul 03, 2009 9:51 am
Re: JCE Editor - page background makes editor screen unreadable
pxforti: Thanx for the excellent solution!
-
- Joomla! Apprentice
- Posts: 36
- Joined: Sat Mar 13, 2010 4:22 am
Re: JCE Editor - page background makes editor screen unreadable
Both solutions work. I think the advantage of using body.mceContentBody and using the template css is that you get the css values for the rest of your template in the editor.
- MOraelin
- Joomla! Enthusiast
- Posts: 177
- Joined: Tue Oct 10, 2006 1:33 pm
Re: JCE Editor - page background makes editor screen unreada
Thanks this saved me a lot of time and hassle.pxforti wrote:Go to Components > JCE > Configuration
Under the Formatting section, in the Editor Content Class, select "Hi Contrast" This will remove your background color so you can see the text.
From these elements I have come. And to these elements I shall return.
- sog2012
- Joomla! Explorer
- Posts: 457
- Joined: Fri Feb 11, 2011 1:47 am
Re: JCE Editor - page background makes editor screen unreada
Your recommendation don't work for me! Because when I click on click on JCE Configuration or JCE Group Manager, it gives error:pxforti wrote:Hi,
Go to Components > JCE > Configuration
Under the Formatting section, in the Editor Content Class, select "Hi Contrast" This will remove your background color so you can see the text.
See attached screen shot
You are not authorised to view this resource.
What's going on? I am logged in as Super Administrator and JCE tells me I am not authorized to view this resource!! This is nuts!!
Any solution to removing black background? I only want white background with black text!
Best wishes and God bless.
- sog2012
- Joomla! Explorer
- Posts: 457
- Joined: Fri Feb 11, 2011 1:47 am
Re: JCE Editor - page background makes editor screen unreada
Yes very simple IF I could get into the Configuration. Keeps telling me I am not allowed! This is crazy, cause I am a superuser admin and JCE telling me I cannot go into Configuration.wilmy wrote:There's a really simple fix to this problem... go to Go to Components > JCE > Configuration and then all you need to do is to set "Use Template CSS" to No.
BTW, I have the latest version, JCE 1577.
I even created a new user with super admin privileges, but JCE editor is still giving the error message:
You are not authorised to view this resource.
What a joke eh? LOL
Oh well, back to Tiny editor OR I could switch templates everytime I want to edit something. Even though my current template is WHITE, for some weird reason JCE Editor is gray text on black background, but when I switch templates to rhuk_milkyway, then JCE had black text on white background.
I wish I could get into the JCE Configuration
Best wishes and God bless.
-
- Joomla! Apprentice
- Posts: 9
- Joined: Wed Jan 19, 2011 12:39 am
Re: JCE Editor - page background makes editor screen unreada
just wanted to thank pxforti for his post !!
worked for me as my JCE was showing my background image and I couldn't see my test correctly
worked for me as my JCE was showing my background image and I couldn't see my test correctly
pxforti wrote:Hi,
Go to Components > JCE > Configuration
Under the Formatting section, in the Editor Content Class, select "Hi Contrast" This will remove your background color so you can see the text.
See attached screen shot
-
- Joomla! Fledgling
- Posts: 3
- Joined: Thu Jul 21, 2011 8:37 pm
Re: JCE Editor - page background makes editor screen unreada
Thank you for this fix. Was driving me crazy.pxforti wrote:Hi,
Go to Components > JCE > Configuration
Under the Formatting section, in the Editor Content Class, select "Hi Contrast" This will remove your background color so you can see the text.
See attached screen shot
- STIN
- Joomla! Apprentice
- Posts: 32
- Joined: Tue Jul 19, 2011 10:02 pm
Re: JCE Editor - page background makes editor screen unreada
wilmy is right. PACHOW!wilmy wrote:There's a really simple fix to this problem... go to Go to Components > JCE > Configuration and then all you need to do is to set "Use Template CSS" to No.
~stin
Biotrends Intl.
Biotrends Intl.
- STIN
- Joomla! Apprentice
- Posts: 32
- Joined: Tue Jul 19, 2011 10:02 pm
Re: JCE Editor - page background makes editor screen unreada
Try uninstalling & reinstalling JCE (if you are superadmin, in-fact).sog2012 wrote: Yes very simple IF I could get into the Configuration. Keeps telling me I am not allowed! This is crazy, cause I am a superuser admin and JCE telling me I cannot go into Configuration.
BTW, I have the latest version, JCE 1577.
I even created a new user with super admin privileges, but JCE editor is still giving the error message:
You are not authorised to view this resource.
What a joke eh? LOL
I wish I could get into the JCE Configuration
~stin
Biotrends Intl.
Biotrends Intl.
- GRIFOS
- Joomla! Fledgling
- Posts: 1
- Joined: Mon Aug 29, 2011 11:03 pm
Re: JCE Editor - page background makes editor screen unreada
In my JCE editor i needed to do that:
Components-->JCE Administration-->Global Configuration-->Editor Style Reset=Yes
By default Editor Style Reset=No, so you just need to set it Yes in order to have a white backround in JCE editor and not your front end backround in it.
Cheers!
Components-->JCE Administration-->Global Configuration-->Editor Style Reset=Yes
By default Editor Style Reset=No, so you just need to set it Yes in order to have a white backround in JCE editor and not your front end backround in it.
Cheers!
-
- Joomla! Apprentice
- Posts: 13
- Joined: Thu Jul 01, 2010 1:27 pm
Re: JCE Editor - page background makes editor screen unreada
Thanks everyone. The High Contrast work for me
-
- Joomla! Fledgling
- Posts: 2
- Joined: Tue Sep 20, 2011 9:27 am
Re: JCE Editor - page background makes editor screen unreada
This works perfekt in 1.7GRIFOS wrote:In my JCE editor i needed to do that:
Components-->JCE Administration-->Global Configuration-->Editor Style Reset=Yes
By default Editor Style Reset=No, so you just need to set it Yes in order to have a white backround in JCE editor and not your front end backround in it.
Cheers!
-
- Joomla! Intern
- Posts: 94
- Joined: Fri Nov 05, 2010 8:39 am
- Contact:
Re: JCE Editor - page background makes editor screen unreada
it's all nice but is it possible to set a neutral grey?
i mean, my body background is very dark, almost black, but it is NOT the background displayed behind my text (my text background is grey) so i write in two color: white and very dark....
so if i use "style reset", i get a white background, and then i cant read my white text...
and if i dont use style reset, i get a black background, and then i can't read my dark text...
so i would like to set, as a background, the same color that is displayed on my side... is there a way to do that?
i understand some of you will tell me to use alternate css file, but then i have to put every css modification in double: once in the modified css, so it displays in the editor, and one in the original template.css so it displays on the frontend...
i mean, my body background is very dark, almost black, but it is NOT the background displayed behind my text (my text background is grey) so i write in two color: white and very dark....
so if i use "style reset", i get a white background, and then i cant read my white text...
and if i dont use style reset, i get a black background, and then i can't read my dark text...
so i would like to set, as a background, the same color that is displayed on my side... is there a way to do that?
i understand some of you will tell me to use alternate css file, but then i have to put every css modification in double: once in the modified css, so it displays in the editor, and one in the original template.css so it displays on the frontend...
-
- Joomla! Intern
- Posts: 51
- Joined: Thu Jul 07, 2011 9:00 pm
Re: JCE Editor - page background makes editor screen unreada
Hi,
For anyone using JCE in 1.7 looking for the editor content class, please see my other post at http://forum.joomla.org/viewtopic.php?f=628&t=680526.
For anyone using JCE in 1.7 looking for the editor content class, please see my other post at http://forum.joomla.org/viewtopic.php?f=628&t=680526.
You do not have the required permissions to view the files attached to this post.
-
- Joomla! Fledgling
- Posts: 1
- Joined: Thu Dec 29, 2011 4:08 pm
Re: JCE Editor - page background makes editor screen unreada
The solution is: Find under Components - CE Administration / Editor Global Configuration/Formatting & Display/Editor Style Reset and choose Yes and you will have white bacground in JCE editor!
Enjoy
Enjoy
- jjspelman
- Joomla! Explorer
- Posts: 285
- Joined: Tue Apr 07, 2009 6:27 am
- Location: Tampa, FL
- Contact:
Re: JCE Editor - page background makes editor screen unreada
GRIFOS wrote:In my JCE editor i needed to do that:
Components-->JCE Administration-->Global Configuration-->Editor Style Reset=Yes
By default Editor Style Reset=No, so you just need to set it Yes in order to have a white backround in JCE editor and not your front end backround in it.
Cheers!
That's it!! Worked in 1.7 as mentioned above. Thanks!!!