如何在Telerik的RadEditor上设置默认字体?

时间:2012-09-13 19:36:24

标签: asp.net telerik radeditor

必须有一种简单的方法来设置“字体名称”下拉列表的默认选定字体。 我一直在环视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>

我希望你们中的一个能告诉我!谢谢!

3 个答案:

答案 0 :(得分:5)

这篇文章可能会有帮助http://www.telerik.com/help/aspnet-ajax/editor-default-font-for-editable-content.html

您还可以使用以下代码在OnClientLoad事件中设置默认的FontName标头下拉值:

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

答案 1 :(得分:5)

这有效:

编辑:

 <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

答案 2 :(得分:0)

创建一个css文件&#39; RadEditorContentArea.css&#39;具有以下内容:

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