Question

我有Telerik Rad Editor并尝试使用CSS进行更改。但它不适用。

这是我的代码：

 <telerik:RadEditor
    ClientIDMode="Static"
    ID="objRadEditor"
    AutoResizeHeight="true"
    EnableResize="false"
    EditModes="Design,Html"
    runat="server"
    StripFormattingOptions="all"
    Width="100%" Height="140px"
    ToolsFile="~/xml/RadEditorBasicToolsFile.xml">
    <ContextMenus>
    <telerik:EditorContextMenu Enabled="false" TagName="A">
    </telerik:EditorContextMenu>
    </ContextMenus> 
</telerik:RadEditor>

Answer 1

似乎RadEditor的宽度不适用于百分比值，因此您可以使用类似这样的解决方法http://www.telerik.com/forums/radeditor-width-100#rSSLKsUzgkSy7WtjmGGlBg

根据设计，RadEditor不支持百分比大小，这是   为什么在调整浏览器窗口大小时不会重置其大小。

我建议你唯一可行的办法是实施你的   编辑器加载时的所有客户端逻辑和窗口调整大小   事件。在此功能中，您可以采用当前的大小   浏览器窗口并使用它将其设置为RadEditor控件的宽度   它的setSize()方法。你可以用类似的方式做到这一点：

<telerik:RadEditor Width="100px" Height="750px" ID="RadEditor1" Skin="Silk" runat="server" OnClientLoad="resizeEditor"
    _ToolsFile="/Admin/DocumentsManagementV3/xml/ToolsFile.xml" _SkinID="DefaultSetOfTools">
</telerik:RadEditor>
<script type="text/javascript">
    Sys.Application.add_load(function () {
        window.onresize = resizeEditor;
    })

    function resizeEditor() {
        var editor = $find("<%=RadEditor1.ClientID %>");
        //set the width and height of the RadEditor
        var windowWidth = $telerik.$(window).width();
        var editorHeight = $telerik.$("#" + editor.get_id()).height();
        editor.setSize(windowWidth - 20, editorHeight);
    }
</script>

如何更改Telerik RadEditor宽度

1 个答案: