We are trying to specify a custom css file for the content area of the RadEditor by setting the radEditor.ContentAreaCssFile property.
This causes it to load the appropriate css file into the editor as expected.
However, it also loads the css files from the parent pages and it loads them after the ContentAreaCssFile stylesheet file, which means that the ContentAreaCssFile's styles get overridden by the parent page's styles.
The resulting Head area looks like this:
<link href="/common/css/editor.css" rel="stylesheet" /> <------------------- ContentAreaCssFile
<link href="/admin/common/css/admin.css" rel="stylesheet" /> <------------------- stylesheet from parent page
<link href="/admin/common/css/contentmanagement.css" rel="stylesheet" /> <------------------- stylesheet from parent page
According to the documentation for the RadEditor found here:
... we should be able to fix this by setting the CssFiles property to load only the stylesheets we want.
However, the editor appears to be ignoring this setting. We've tried setting it in markup and programmatically. Neither worked. It still loads the stylesheets for the parent pages.
We're using version 2009.2.701.20 of the Telerik.Web.UI.dll