[Solved] Font size issue with Telerik RadEditor for SharePoint

[Pavan]

Hello,

I have a problem with Telerik RadEditor for SharePoint.

I am using 4.4.0.0 version, When i edit Telerik RadEditor for SharePoint and change the font size to 3 in design mode and when i switch to HTML mode, I cannot see size="3" in font tag.

But when I change font size to 4 or to any size in design mode and switch to HTML mode, I can see specified size in font tag.

Please review...

Your assistance is appreciated.

Looking forward to your reply.

Pavan Raj T.S
S/W Engineer.

[Rumen]

Hi Pavan,

Please, review the following KB article which provides guidance how to solve the problem:
No FONT tags are applied when I type text in the editor.

Best regards,
Rumen
the Telerik team

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

[Pavan]

Hi Rumen,

Its clear that you did not get my point …

Please fallow the following steps to find the issue

 Step 1:

  Add Telerik RadEditor for SharePoint webpart.

   

Step 2:

  Edit Telerik RadEditor for SharePoint and type some text on it

Step 3:

  Change the font size to 3 in design mode and switch to HTML mode   

  Cannot see size="3" in font tag.

  But if you Change the font size to 4 in design mode and switch to HTML mode 

  You can see size="4" in font tag

I want to apply font size 3 from design mode itself.

Please look into the issue …..

Pavan Raj T.S

S/W Engineer.

[Rumen]

Hello Pavan,

Did you read the provided information and tried the solution in the KB article?

This problem appears when RadEditor uses the same default font and size, as the font and size of the browser . Thus when the user applies font size 2 from the Font Size dropdown then the browser doesn't apply the size="2" attribute because it recognizes this size as default.

To fix the problem open the
\Program Files\Common Files\Microsoft Shared\web server extensions\wpresources\RadEditorSharePoint\4.5.0.0__1f131a624888eeed\RadControls\Editor\Skins\Default2006\EditorContentArea.css
file and set font-size: 9px in the BODY tag

BODY
{
    font-size: 9px;
    padding:3px;
    background-image: none !important;
    margin: 0px;   
    text-align: left;   
    scrollbar-face-color: #E9E9E9;
    scrollbar-highlight-color: #FFFFFF;
    scrollbar-shadow-color: #E9E9E9;
    scrollbar-3dlight-color: #DBDBDB;
    scrollbar-arrow-color: #787878;
    scrollbar-track-color: #F5F5F5;
    scrollbar-darkshadow-color: #AEAEAE;
    word-wrap: break-word;
}

Save the file, restart your browser and load the page with the editor again. After that you will be able to apply font size="2" in the editor.

Best regards,
Rumen
the Telerik team

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