Hello

I think I may have the solution to the difficulty of viewing/editing text using FckEditor, which takes the background colour of the skin and displays it in the text editing area. This is ok when the skin background colour is light, but a problem, when the background colour of the skin is very dark.

This is an extract taken from my skin, as you see my background colour is very dark. Directly under my body class setting, I have set a div especially for dnn with a background colour of white, it seems to work, so far:

body {background: #0D1D43; text-align: center;  height:95%;}
#__dnn_body{background:#fff;}

I have since found that I can now view my text on a white background, even though my css body class for the skin is set to almost black.

I have not tested this extensively, I have only applied this to one skin as yet.

I hope this helps.

Lynn

 

From my research there is a couple of ways to fix this problem.

One being going into the "Show custom editor option" once the FCKEditor loads on your page. From there you need to make sure the "Editor area CSS" is set to static.

If this doesn't work like in my case I was forced to find another solution which closely matches yours.

Simply add a #body tag in your skin.css file and move everything from the body tag to the #body tag.

From this:

body {

font: 12px "Geneva", Arial, Helvetica, sans-serif bold;
background:#cde7ff url(img/background-800px.gif) top center repeat-y;
color:#FFFFFF;
line-height:1.2em;
margin:0 auto;
padding:0;
text-align:center
}

To this:

#body {

font: 12px "Geneva", Arial, Helvetica, sans-serif bold;
background:#cde7ff url(img/background-800px.gif) top center repeat-y;
color:#FFFFFF;
line-height:1.2em;
margin:0 auto;
padding:0;
text-align:center
}


Here is the URL that explanation of this

You may also want to look at these tutorials:

• FCK Editor Toolbar Functions
• How to change the FCK Editor Skin in DotNetNuke
• FCK Editor CSS Skin Styles Preview in DotNetNuke
• FCK Editor Formatting Style Definitions
• FCK Editor HTML Templates
• FCK Editor Custom Toolbars and Security Roles
• FCK Editor Further Configuration Options
• Bad Practices when working with the Text / HTML module
• Styling and formatting in the Text / HTML module
  (skinning)
• Styling and formatting (part 2) – Text / HTML module and FCKEditor
  (skinning)

In FCK Editor CSS Skin Styles Preview in DotNetNuke we cover how to fix the background color option as well as:



Video 1 - Introduction, Configuring the Default Editor Display Mode
Video 2 - Fixing Text Display Problems, Creating a Custom FCK Body ID
Video 3 - Styling the Image Gallery, Link Gallery, Custom Options FCK Editor Pages
Video 4 - Configuring an Instance, Module or Portal FCK Editor Display Mode