Text inside editor is Times New Roman

[Dave]

I am using the full featured Rad Editor for MOSS and have enabled it for list items. When I add/edit a list item the text appears in Times New Roman inside the editor but when I view the list item it appears in the default font Tahoma. How can I change it to Tahoma 11px inside the editor?

I am using IE 6.

[Georgi Tunev]

Hi Dave,

I believe the following documentation article will be of help: Default Font for Editable Content. The approach for RadEditor for MOSS is the same, the only difference is the location of the EditorContentArea.css file. In MOSS environment you can find it in (default location) Program Files\Common Files\Microsoft Shared\web server extensions\wpresources\RadEditorSharePoint\4.3.1.0__1f131a624888eeed\RadControls\Editor\Skins\<your skin>




Kind regards,
Georgi Tunev
the Telerik team

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

[Dave]

Thank you for the response Georgi. I have edited the EditorContentArea.css file in all of the skins to include the following code as the article suggested.

font-family: Tahoma;
font-size: 11px;

It is still inherting the browser default font in the text area. When I view the source code for the page there is no statement to include the EditorContentEditor.css file it does include the /Skins/Default/Editor.css file and the /Skins/Default/Controls.css file. I added the following code directly to the master page file and it is still inherting the browser default font.

textarea
{
 font-family: Tahoma;
 font-size: 11px;
}
.RadEContent, .RadEContentBordered
{
 padding:3px;
 background-image: none;
 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;
 font-family: Tahoma;
 font-size: 11px;
}

This is the code around the textarea when the page is rendered:

<tr style="width:100%;height:100%;">
         <td id="RadEContentHolderctl00_m_g_69d23c47_a89c_40db_aec6_d7cdf84db942_ctl00_ctl04_ctl01_ctl00_ctl00_ctl04_ctl00_ctl00_RadTextField" style="width:100%;height:100%;" class="RadEContentContainer" valign="top"><textarea name="RadEContentTextareactl00_m_g_69d23c47_a89c_40db_aec6_d7cdf84db942_ctl00_ctl04_ctl01_ctl00_ctl00_ctl04_ctl00_ctl00_RadTextField" id="RadEContentTextareactl00_m_g_69d23c47_a89c_40db_aec6_d7cdf84db942_ctl00_ctl04_ctl01_ctl00_ctl00_ctl04_ctl00_ctl00_RadTextField" style="width:100%;height:100%;display:none;" rows="40" cols="80" class="RadETextArea"></textarea><div id="RadEContentDivctl00_m_g_69d23c47_a89c_40db_aec6_d7cdf84db942_ctl00_ctl04_ctl01_ctl00_ctl00_ctl04_ctl00_ctl00_RadTextField" style="display:none;" class="RadEContent"></div><div id="PasteContainerctl00_m_g_69d23c47_a89c_40db_aec6_d7cdf84db942_ctl00_ctl04_ctl01_ctl00_ctl00_ctl04_ctl00_ctl00_RadTextField" style="width:1px;height:1px;border:0px solid red;overflow:hidden;"></div><textarea style='display:none' id='RadEContentHiddenTextareactl00_m_g_69d23c47_a89c_40db_aec6_d7cdf84db942_ctl00_ctl04_ctl01_ctl00_ctl00_ctl04_ctl00_ctl00_RadTextField' name='ctl00$m$g_69d23c47_a89c_40db_aec6_d7cdf84db942$ctl00$ctl04$ctl01$ctl00$ctl00$ctl04$ctl00$ctl00$RadTextField' rows='5' cols='50'></textarea></td>
        </tr>

[Georgi Tunev]

Hello Dave,

In this case I would suggest to reset your IIS (iisreset in the command console) and to clear the browser's cache. Reload your page after that and see if the problem still persists.

If it does, use Fiddler or a similar tool to see from where the RadEditor control is getting its styles and change them accordingly.



Kind regards,
Georgi Tunev
the Telerik team

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