This is a migrated thread and some comments may be shown as answers.

How to set default font name and font size from server side

7 Answers 735 Views

Editor

This is a migrated thread and some comments may be shown as answers.

7 Answers, 1 is accepted

answered on 23 May 2008, 03:28 PM

Hello Chris,

RadEditor does not offer the requested server DefultFontName and DefaultFontSize properties, but they are logged in our To-do list.

Here is how programmatically to apply the editor's content area and font appearance:

    protected void Page_Load(object sender, EventArgs e)
    {
        RadEditor1.OnClientLoad = "OnClientLoad";
        string js =
        @"<script type='text/javascript'>
        function OnClientLoad(editor, args)
        {
          var style = editor.get_contentArea().style;
          style.backgroundColor = 'black';
          style.color= 'red';
          style.fontFamily= 'Arial';
          style.fontSize= 15 + 'px';
        }
        </script>";
        Page.RegisterClientScriptBlock("myscriptkey", js);
    }

Sincerely,
Rumen
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

answered on 05 Jun 2008, 02:59 PM

Hи Jeff,

Here it is the requested updated example:

protected void Page_Load(object sender, EventArgs e)
{
    RadEditor1.OnClientLoad = "OnClientLoad";
    string js =
    @"<script type='text/javascript'>
    function OnClientLoad(editor, args)
    {
      var style = editor.get_contentArea().style;
      style.backgroundColor = 'black';
      style.color= 'red';
      style.fontFamily= 'Arial';
      style.fontSize= 15 + 'px';
    }
    </script>";
    ClientScript.RegisterClientScriptBlock(this.GetType(),"myscriptkey", js);
}

Kind regards,
Rumen
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

answered on 29 Sep 2008, 10:12 AM

Hi Vitaly,

Have you tried the provided instructions in the following KB article:
No FONT tags are applied when I type text in the editor?

Another approach is to wrap the content on editor load inside a span tag with the desired default font. Here is an example:

<script type="text/javascript">
    function OnClientLoad(editor)
    {
            setTimeout(function()
            {
                editor.fire("FontSize", {value : "5"});
            }, 300);
   }
</script>
<telerik:radeditor OnClientLoad="OnClientLoad" runat="server" ID="RadEditor1"></telerik:radeditor>

Kind regards,
Rumen
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.