如何在Telerik的RadEditor上設置默認字體？

Question

必須有一種簡單的方法來設置字體名稱下拉列表的默認選定字體。 我一直在環視Telerik網站和論壇，但我找不到一個簡單的方法。也許沒有簡單的方法，但也許我找不到它。

這裏是我的RadEditor：

 <telerik:RadEditor ID="RadEditor1" runat="server" ContentFilters="MakeUrlsAbsolute,ConvertToXhtml,RemoveScripts" 
        EditModes="All" EnableResize="false" Font-Bold="false" Font-Names="Arial" Font-Size="8pt" 
        Height="230px" MaxHtmlLength="3000" MaxTextLength="3000" NewLineMode="Br" Skin="Web20"> 
        <Tools> 
         <telerik:EditorToolGroup> 
          <telerik:EditorTool Name="ImageManager" /> 
          <telerik:EditorSeparator /> 
          <telerik:EditorTool Enabled="true" Name="FontName" /> 
          <telerik:EditorTool Enabled="true" Name="FontSize" /> 
          <telerik:EditorSeparator /> 
          <telerik:EditorTool Enabled="true" Name="BackColor" /> 
          <telerik:EditorTool Enabled="true" Name="ForeColor" /> 
          <telerik:EditorTool Enabled="true" Name="Bold" /> 
          <telerik:EditorTool Enabled="true" Name="Italic" /> 
          <telerik:EditorTool Enabled="true" Name="Underline" /> 
          <telerik:EditorSeparator /> 
          <telerik:EditorTool Enabled="true" Name="Copy" /> 
          <telerik:EditorTool Enabled="true" Name="Cut" /> 
          <telerik:EditorTool Enabled="true" Name="Paste" /> 
          <telerik:EditorTool Enabled="true" Name="AjaxSpellCheck" Text="Spell Check" /> 
         </telerik:EditorToolGroup> 
        </Tools> 
        <ImageManager MaxUploadFileSize="1048576" SearchPatterns="*.jpg,*.jpeg,*.png,*.gif,*.bmp, *.ico" 
         UploadPaths="~/images/" ViewPaths="~/images/" /> 
       </telerik:RadEditor> 

我希望你們中的一個在那裏能告訴我！謝謝！

Answer 1

這工作：

編輯：

<telerik:RadEditor ID="myEditor" OnClientLoad="RadEditorLoad" runat="server" ... > 

處理程序：

 function RadEditorLoad(editor, eventArgs) { 

      // Set the Editor Default Font to Arial 

      editor.get_contentArea().style.fontFamily = 'Arial' 
     } 

在發現這一點： http://www.telerik.com/community/forums/aspnet-ajax/editor/radeditor-setting-font.aspx

Answer 2

這篇文章可能會有所幫助http://www.telerik.com/help/aspnet-ajax/editor-default-font-for-editable-content.html

您也可以使用此代碼設置的默認字體名頭下拉值在OnClientLoad事件：

var tool = editor.getToolByName("FontName"); 
tool.set_value("Tahoma"); 

Answer 3

創建CSS文件 'RadEditorContentArea.css'，內容如下：

body 
{ 
    font-family: Arial!important; 
} 

添加這個CSS文件作爲編輯CSS文件如下

<telerik:RadEditor runat="server" ID="RadEditor1"> 
    <CssFiles> 
     <telerik:EditorCssFile Value="~/RadEditorContentArea.css" /> 
    </CssFiles> 
</telerik:RadEditor> 

查看此鏈接瞭解更多： http://docs.telerik.com/devtools/aspnet-ajax/controls/editor/managing-content/content-area-appearance/default-font-for-editable-content