preview mode css

[tasos]

Hello.I have used ContentAreaCssFile but i see that it's not applied in the preview area.
Any ideas?

[Rumen]

Hi Tasos,

The observed behavior is by design. You can achieve your scenario using one of these ways:
1) Set CssFiles property or
2) Enable the contentArea.css link in Preview mode:

<telerik:RadEditor ID="RadEditor1" ContentAreaCssFile="ContentArea.css" OnClientModeChange="OnClientModeChange" runat="server">
</telerik:RadEditor>
<script type="text/javascript">
function OnClientModeChange(editor)
{
   var mode = editor.get_mode();
   var doc = editor.get_document();
   var head = doc.getElementsByTagName("HEAD")[0];
   var link;

   switch (mode)
   {
      case 1:
        break;
      case 2:
          break;
      case 4: //enable the contentarea.css file in Preview mode
      setTimeout(function()
      {
        var link = head.getElementsByTagName("link")[0];
        link.disabled = false;
      }, 100);
        break;
  }
}
</script>

This solution is based on this article: http://www.telerik.com/support/kb/aspnet-ajax/editor/applying-external-stylesheet-to-the-content-of-radeditor-in-preview-mode.aspx

Greetings,
Rumen
the Telerik team

[tasos]

Thank you!