如何更改Telerik RadEditor寬度

我有Telerik Rad Editor，並嘗試使用CSS進行更改。但它不適用。如何更改Telerik RadEditor寬度

這裏是我的代碼：

<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>

來源

2017-07-29 Ravikumar

它似乎RadEditor的寬度不與百分比值，所以你可以使用一種解決方法是這樣一個http://www.telerik.com/forums/radeditor-width-100#rSSLKsUzgkSy7WtjmGGlBg

通過設計RadEditor不支持大小以百分比表示，並且這是爲什麼瀏覽器窗口調整大小時其大小未被重置。

我可以建議你的唯一可能的方法是在編輯器的負載和窗口調整事件的所有客戶端邏輯上實現你的。在此功能中，您可以使用瀏覽器窗口的當前大小，並使用的setSize()方法將其設置爲RadEditor控件的寬度。你可以用類似的方法做到：

<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>

來源

2017-07-30 05:32:39

如何更改Telerik RadEditor寬度

回答

相關問題