The background color of the DNN implementation RadEditor will vary right now, depending on which browser you're using to view it. The background color might be transparent, or it might inherit the background color that's defined in your skin.
For example, the following CSS in your skin file will allow the background color to always be white:
body { background-color: #ffffff; }If you have a skin whose background color is black in the code above, then you will end up with a black background in your text editor. Skin designers have all kinds of tricks to prevent this, and they should, but we're going to focus on how to override this in your site for this post.
You will need to have direct file access to make these changes.
First, open the following file in your favorite text editor, such as Notepad:
~\Providers\HtmlEditorProviders\Telerik\Config\ConfigDefault.xml
Add the following code to that file, within the list of other properties:
<property name="CssFiles">~\Providers\HtmlEditorProviders\Telerik\Config\CustomOverride.css</property>
Finally, add the following CSS code to the CustomOverride.css file that you just told the editor to use:
body { background-color: #ffffff; }Considerations
- Making changes to a default configuration file introduces risk of loss of your changes on a traditional upgrade, which may overwrite any or all original DotNetNuke files. An alternative approach would be to copy the ConfigDefault.xml file to a CustomConfigDefault.xml file and make your modifications there. This would still require merging of your changes on version upgrade, but removes the risk of losing custom changes in the overwrite scenario.
External References