How to Fix the DotNetNuke Rad TextEditor Background Appearance
Sep
9
Written by:
9/9/2011 12:54 AM
When working with a custom skin you may notice that the DotNetNuke RadEditor inherits the same background color or image as your web page. This can make editing content very difficult. With the latest version of DNN, it is very easy to fix this issue and set a white color, or any other custom color using css.
In DotNetNuke 6, there is a new set of configuration options for the RadTextEditor located under the "Host" page. You must have SuperUser access to edit this configuration. If you navigate to the Host page, there is an icon for labeled "HTML Editor Manager".
There is a whole slew of settings that you can manage from this page. The setting we are concerned with right now is the "CSS File" setting. You will notice that by default it is set to "editor.css". You can change this or leave it alone, but make sure its set to something.
Once you have ensured and checked that the CSS File setting is set, simply create and upload the css file to the skin directory you are using.
I simply created a blank file called "editor.css" and uploaded it. You can set your own custom css here if you want to. Telerik offers some documentation on how you can customize the editor.
http://www.telerik.com/help/aspnet-ajax/editor-css-classes.html
Telerik also has a support article related to this same issue. If you are not using DotNetNuke it may be helpful.
http://www.telerik.com/help/aspnet-ajax/editor-content-area-appearance-problems.html