We are switching from CuteEditor to RadEditor but have one problem that I am so far unable to resolve.
We are using the RadEditor in the backend admin area to design content displayed in the front end. This content is itself dependent on url based theming. We override all the global styles for the front end editable page area by wrapping them in a div with ID/Class.
This makes it particularly easy to then display the content in the correct fashion in the backend preview areas by also wrapping them in an equivalent div. With CuteEditor, I was also able to set the Editor's content window with a class or ID which was great as the css inheritance could still be used.
I can't seem to do this with the RadEditor though (in firebug, i can achieve the desired affect by assigning the class name to the <body> tag within the editor's iframe, so I am thinking i might have to resort to some javascript to do this).
Do you have any suggestions
I am setting the appropriate css files in the code behind for the default and themed style sheets:
RadEditor1.CssFiles.Add(subApp.Application.FolderPath +
"/css/Default/TemplatePageContent.css");
RadEditor1.CssFiles.Add(
"/App_Themes/" + subApp.Theme + "/ThemedPageContent.css");
my global styles are then
.pagetemplate a
.pagetemplate h1
.pagetemplate li etc......
Many thanks
3 Answers, 1 is accepted
Rank 1
Indeed, you need to use a bit of javascript to set a className to the body element of the editor's content area.
One way to do it is like this:
| <telerik:radeditor runat="server" |
| ID="RadEditor1" OnClientLoad="OnClientLoad"> |
| <Content> |
| Content... |
| </Content> |
| </telerik:radeditor> |
| <script> |
| function OnClientLoad(editor) |
| { |
| editor.get_document().body.className = "SomeClass"; |
| } |
| </script> |
Best regards,
Tervel
the Telerik team
Check out Telerik Trainer, the state of the art learning tool for Telerik products.
Rank 1
Thanks.